├── .gitignore ├── .idea ├── .name ├── compiler.xml ├── copyright │ └── profiles_settings.xml ├── gradle.xml ├── misc.xml ├── modules.xml ├── runConfigurations.xml └── vcs.xml ├── FlowImageLayout.iml ├── README.md ├── app ├── .gitignore ├── app.iml ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── yongchun │ │ └── flowimagelayout │ │ └── ApplicationTest.java │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── yongchun │ │ └── flowimagelayout │ │ ├── FlowImageLayout.java │ │ ├── MainActivity.java │ │ ├── Topic.java │ │ └── TopicAdapter.java │ └── res │ ├── layout │ ├── activity_main.xml │ └── list_item_topic.xml │ ├── menu │ └── menu_main.xml │ ├── mipmap-hdpi │ └── ic_launcher.png │ ├── mipmap-mdpi │ └── ic_launcher.png │ ├── mipmap-xhdpi │ └── ic_launcher.png │ ├── mipmap-xxhdpi │ ├── ic_launcher.png │ ├── image1.jpg │ ├── image2.jpg │ ├── image3.jpg │ ├── image4.jpg │ ├── image5.jpg │ ├── image6.jpg │ ├── image7.jpg │ ├── image8.jpg │ ├── image9.jpg │ └── image_user.jpg │ ├── values-w820dp │ └── dimens.xml │ └── values │ ├── dimens.xml │ ├── strings.xml │ └── styles.xml ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── screenshot ├── screen1.png ├── screen2.png ├── screen3.png └── screen4.png └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | .gradle 2 | /local.properties 3 | /.idea/workspace.xml 4 | /.idea/libraries 5 | .DS_Store 6 | /build 7 | /captures 8 | -------------------------------------------------------------------------------- /.idea/.name: -------------------------------------------------------------------------------- 1 | FlowImageLayout -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | 18 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 12 | 13 | 14 | 26 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | Encapsulation issues 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 67 | 68 | 69 | 70 | 71 | 72 | 77 | 78 | 79 | 80 | 81 | 82 | 1.8 83 | 84 | 89 | 90 | 91 | 92 | 93 | 94 | 1.8 95 | 96 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 112 | 113 | 114 | 115 | 116 | 117 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /FlowImageLayout.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | FlowImageLayout 2 | ============== 3 | 4 | 当前主流社交软件(微信,QQ,美丽说)图片展示方式 5 | 6 | ![](https://github.com/ioneday/FlowImageLayout/blob/master/screenshot/screen1.png?raw=true) 7 | ![](https://github.com/ioneday/FlowImageLayout/blob/master/screenshot/screen2.png?raw=true) 8 | ![](https://github.com/ioneday/FlowImageLayout/blob/master/screenshot/screen3.png?raw=true) 9 | ![](https://github.com/ioneday/FlowImageLayout/blob/master/screenshot/screen4.png?raw=true) 10 | 11 | Usage 12 | === 13 | Step.1 Copy code to your layout.xml 14 | ``` xml 15 | 19 | ``` 20 | Step.2 initView、setSingleImageSize、loadImage 21 | ``` java 22 | FlowImageLayout image_layout = (FlowImageLayout) findViewById(R.id.image_layout); 23 | image_layout.setSingleImageSize(800,640); 24 | image_layout.loadImage(9, new FlowImageLayout.OnImageLayoutFinishListener() { 25 | @Override 26 | public void layoutFinish(List images) { 27 | // for (int i = 0; i < images.size(); i++) { 28 | // images.get(i).setImageResource(); 29 | // } 30 | } 31 | }); 32 | ``` 33 | 34 | License 35 | === 36 | Copyright 2015 Dee 37 | 38 | Licensed under the Apache License, Version 2.0 (the "License"); 39 | you may not use this file except in compliance with the License. 40 | You may obtain a copy of the License at 41 | 42 | http://www.apache.org/licenses/LICENSE-2.0 43 | 44 | Unless required by applicable law or agreed to in writing, software 45 | distributed under the License is distributed on an "AS IS" BASIS, 46 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 47 | See the License for the specific language governing permissions and 48 | limitations under the License. -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/app.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 22 5 | buildToolsVersion "22.0.1" 6 | 7 | defaultConfig { 8 | applicationId "com.yongchun.flowimagelayout" 9 | minSdkVersion 14 10 | targetSdkVersion 22 11 | versionCode 1 12 | versionName "1.0" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(dir: 'libs', include: ['*.jar']) 24 | compile 'com.android.support:appcompat-v7:22.2.0' 25 | } 26 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /Users/dee/Library/Android/sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/yongchun/flowimagelayout/ApplicationTest.java: -------------------------------------------------------------------------------- 1 | package com.yongchun.flowimagelayout; 2 | 3 | import android.app.Application; 4 | import android.test.ApplicationTestCase; 5 | 6 | /** 7 | * Testing Fundamentals 8 | */ 9 | public class ApplicationTest extends ApplicationTestCase { 10 | public ApplicationTest() { 11 | super(Application.class); 12 | } 13 | } -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 10 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /app/src/main/java/com/yongchun/flowimagelayout/FlowImageLayout.java: -------------------------------------------------------------------------------- 1 | package com.yongchun.flowimagelayout; 2 | 3 | import android.content.Context; 4 | import android.util.AttributeSet; 5 | import android.view.View; 6 | import android.view.ViewGroup; 7 | import android.widget.ImageView; 8 | import android.widget.ImageView.ScaleType; 9 | 10 | import java.util.ArrayList; 11 | import java.util.List; 12 | 13 | public class FlowImageLayout extends ViewGroup { 14 | private static final int MAX_IMAGE_NUM = 9; 15 | private static final int COLUMN_NUM = 3; 16 | 17 | private int verticalSpacing = 2; 18 | private int horizontalSpacing = 2;// dp 19 | 20 | private int rowNum = 0; 21 | private int imageNum = 9; 22 | 23 | private int parentLayoutWidth = 0; 24 | private int parentLayoutHeight = 0; 25 | 26 | private int imageWidth = 0; 27 | private int imageHeight = 0; 28 | 29 | private int singleImageWidth = 0; 30 | private int singleImageHeight = 0; 31 | 32 | private OnImageLayoutFinishListener finishListener; 33 | 34 | public FlowImageLayout(Context context) { 35 | super(context); 36 | initView(); 37 | } 38 | 39 | public FlowImageLayout(Context context, AttributeSet attrs) { 40 | super(context, attrs); 41 | initView(); 42 | } 43 | 44 | public FlowImageLayout(Context context, AttributeSet attrs, int defStyleAttr) { 45 | super(context, attrs, defStyleAttr); 46 | initView(); 47 | } 48 | 49 | public void initView() { 50 | for (int i = 0; i < MAX_IMAGE_NUM; i++) { 51 | ImageView imageView = new ImageView(getContext()); 52 | imageView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); 53 | imageView.setScaleType(ScaleType.CENTER_CROP); 54 | addView(imageView); 55 | } 56 | } 57 | 58 | @Override 59 | protected void onLayout(boolean changed, int l, int t, int r, int b) { 60 | int left = 0; 61 | int top = 0; 62 | for (int i = 0; i < imageNum; i++) { 63 | View child = getChildAt(i); 64 | if (child.getVisibility() != View.GONE) { 65 | child.layout(left, top, imageWidth + left, imageHeight + top); 66 | if ((imageNum == 4 && i == 1 ) || (imageNum != 4 && (i + 1) % COLUMN_NUM == 0 )) { 67 | top += imageHeight + dip2px(verticalSpacing); 68 | left = 0; 69 | } else { 70 | left += imageWidth + dip2px(horizontalSpacing); 71 | } 72 | } 73 | } 74 | } 75 | 76 | @Override 77 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 78 | if (imageNum <= 0) { 79 | setMeasuredDimension(0, 0); 80 | return; 81 | } 82 | parentLayoutWidth = MeasureSpec.getSize(widthMeasureSpec); 83 | calculateImageSize(); 84 | if (imageNum != 1) { 85 | int verticalSpacingCount = ((rowNum - 1) * dip2px(verticalSpacing)); 86 | parentLayoutHeight = imageHeight * rowNum + verticalSpacingCount; 87 | } 88 | measureChildren(imageWidth, imageHeight); 89 | setMeasuredDimension(parentLayoutWidth, parentLayoutHeight); 90 | } 91 | 92 | 93 | /** 94 | * 计算图片高宽 95 | */ 96 | private void calculateImageSize() { 97 | if (imageNum == 1) { 98 | parentLayoutWidth = imageWidth = singleImageWidth; 99 | parentLayoutHeight = imageHeight = singleImageHeight; 100 | } else { 101 | // 左右间距总和 102 | int horizontalSpacingCount = (COLUMN_NUM - 1) * dip2px(horizontalSpacing); 103 | imageHeight = imageWidth = (parentLayoutWidth - horizontalSpacingCount) / COLUMN_NUM; 104 | } 105 | } 106 | 107 | /** 108 | * 获取图片行数 109 | */ 110 | private int getRowNums() { 111 | int rowNum = imageNum / COLUMN_NUM; 112 | return imageNum % COLUMN_NUM == 0 ? rowNum : rowNum + 1; 113 | } 114 | 115 | public void loadImage(int imageNum, OnImageLayoutFinishListener finishListener) { 116 | setOnImageLayoutFinishListener(finishListener); 117 | this.imageNum = imageNum; 118 | rowNum = getRowNums(); 119 | resetImageLayout(); 120 | requestLayout(); 121 | } 122 | 123 | private void resetImageLayout() { 124 | List list = new ArrayList(); 125 | int childNum = getChildCount(); 126 | for (int i = 0; i < childNum; i++) { 127 | ImageView imageView = (ImageView) getChildAt(i); 128 | if (i < imageNum) { 129 | imageView.setVisibility(View.VISIBLE); 130 | list.add(imageView); 131 | } else { 132 | imageView.setVisibility(View.GONE); 133 | } 134 | } 135 | if (finishListener != null) { 136 | finishListener.layoutFinish(list); 137 | } 138 | } 139 | private int dip2px(float dpValue) { 140 | final float scale = getResources().getDisplayMetrics().density; 141 | return (int) (dpValue * scale + 0.5f); 142 | } 143 | /** 144 | * 设置只有一张图片时显示的大小 145 | * 146 | * @param width 147 | * @param height 148 | */ 149 | public void setSingleImageSize(int width, int height) { 150 | this.singleImageWidth = width; 151 | this.singleImageHeight = height; 152 | } 153 | 154 | /** 155 | * 设置上下间距 156 | * 157 | * @param verticalSpacing 158 | */ 159 | public void setVerticalSpacing(int verticalSpacing) { 160 | this.verticalSpacing = verticalSpacing; 161 | } 162 | 163 | /** 164 | * 设置左右间距 165 | * 166 | * @param horizontalSpacing 167 | */ 168 | public void setHorizontalSpacing(int horizontalSpacing) { 169 | this.horizontalSpacing = horizontalSpacing; 170 | } 171 | 172 | private void setOnImageLayoutFinishListener(OnImageLayoutFinishListener finishListener) { 173 | this.finishListener = finishListener; 174 | } 175 | 176 | public interface OnImageLayoutFinishListener { 177 | void layoutFinish(List images); 178 | } 179 | } 180 | -------------------------------------------------------------------------------- /app/src/main/java/com/yongchun/flowimagelayout/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.yongchun.flowimagelayout; 2 | 3 | import android.os.Bundle; 4 | import android.support.v7.app.AppCompatActivity; 5 | import android.view.Menu; 6 | import android.view.MenuItem; 7 | import android.widget.ListView; 8 | 9 | import java.util.ArrayList; 10 | import java.util.List; 11 | 12 | 13 | public class MainActivity extends AppCompatActivity { 14 | private ListView imageListView; 15 | private TopicAdapter adapter; 16 | 17 | @Override 18 | protected void onCreate(Bundle savedInstanceState) { 19 | super.onCreate(savedInstanceState); 20 | setContentView(R.layout.activity_main); 21 | 22 | initView(); 23 | } 24 | 25 | public void initView() { 26 | imageListView = (ListView) findViewById(R.id.image_list); 27 | adapter = new TopicAdapter(); 28 | imageListView.setAdapter(adapter); 29 | 30 | 31 | for (int i = 0; i < 9; i++) { 32 | List imageId = new ArrayList<>(); 33 | for (int k = 1; k < i + 2; k++) { 34 | imageId.add(getResources().getIdentifier("image"+k,"mipmap",getPackageName())); 35 | } 36 | adapter.addTopic(new Topic(R.mipmap.image_user, "Nemo", "Don't put off today's work till tomorrow. ",imageId)); 37 | } 38 | } 39 | 40 | @Override 41 | public boolean onCreateOptionsMenu(Menu menu) { 42 | getMenuInflater().inflate(R.menu.menu_main, menu); 43 | return true; 44 | } 45 | 46 | @Override 47 | public boolean onOptionsItemSelected(MenuItem item) { 48 | int id = item.getItemId(); 49 | if (id == R.id.action_settings) { 50 | return true; 51 | } 52 | return super.onOptionsItemSelected(item); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /app/src/main/java/com/yongchun/flowimagelayout/Topic.java: -------------------------------------------------------------------------------- 1 | package com.yongchun.flowimagelayout; 2 | 3 | import java.util.List; 4 | 5 | /** 6 | * Created by dee on 15/6/29. 7 | */ 8 | public class Topic { 9 | private int userImageResId; 10 | private String userName; 11 | private String topicContent; 12 | private List imgaes; 13 | 14 | public Topic(int userImageResId, String userName, String topicContent, List imgaes) { 15 | this.userImageResId = userImageResId; 16 | this.userName = userName; 17 | this.topicContent = topicContent; 18 | this.imgaes = imgaes; 19 | } 20 | 21 | public int getUserImageResId() { 22 | return userImageResId; 23 | } 24 | 25 | public String getUserName() { 26 | return userName; 27 | } 28 | 29 | public String getTopicContent() { 30 | return topicContent; 31 | } 32 | 33 | public List getImgaes() { 34 | return imgaes; 35 | } 36 | 37 | public void setUserImageResId(int userImageResId) { 38 | this.userImageResId = userImageResId; 39 | } 40 | 41 | public void setUserName(String userName) { 42 | this.userName = userName; 43 | } 44 | 45 | public void setTopicContent(String topicContent) { 46 | this.topicContent = topicContent; 47 | } 48 | 49 | public void setImgaes(List imgaes) { 50 | this.imgaes = imgaes; 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /app/src/main/java/com/yongchun/flowimagelayout/TopicAdapter.java: -------------------------------------------------------------------------------- 1 | package com.yongchun.flowimagelayout; 2 | 3 | import android.view.LayoutInflater; 4 | import android.view.View; 5 | import android.view.ViewGroup; 6 | import android.widget.BaseAdapter; 7 | import android.widget.ImageView; 8 | import android.widget.TextView; 9 | 10 | import java.util.ArrayList; 11 | import java.util.List; 12 | 13 | /** 14 | * Created by dee on 15/6/29. 15 | */ 16 | public class TopicAdapter extends BaseAdapter { 17 | private List list = new ArrayList(); 18 | 19 | public void addTopic(Topic topic) { 20 | list.add(topic); 21 | notifyDataSetChanged(); 22 | } 23 | 24 | @Override 25 | public int getCount() { 26 | return list.size(); 27 | } 28 | 29 | @Override 30 | public Topic getItem(int position) { 31 | return list.get(position); 32 | } 33 | 34 | @Override 35 | public long getItemId(int position) { 36 | return position; 37 | } 38 | 39 | @Override 40 | public View getView(int position, View convertView, ViewGroup parent) { 41 | if (convertView == null) { 42 | convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item_topic, parent, false); 43 | ViewHolder holder = new ViewHolder(); 44 | holder.user_image = (ImageView) convertView.findViewById(R.id.user_image); 45 | holder.user_name = (TextView) convertView.findViewById(R.id.user_name); 46 | holder.topic_content = (TextView) convertView.findViewById(R.id.topic_content); 47 | holder.image_layout = (FlowImageLayout) convertView.findViewById(R.id.image_layout); 48 | convertView.setTag(holder); 49 | } 50 | ViewHolder holder = (ViewHolder) convertView.getTag(); 51 | final Topic topic = list.get(position); 52 | holder.user_image.setImageResource(topic.getUserImageResId()); 53 | holder.user_name.setText(topic.getUserName()); 54 | holder.topic_content.setText(topic.getTopicContent()); 55 | 56 | 57 | holder.image_layout.setHorizontalSpacing(2); 58 | holder.image_layout.setVerticalSpacing(2); 59 | holder.image_layout.setSingleImageSize(640, 400); 60 | holder.image_layout.loadImage(topic.getImgaes().size(), new FlowImageLayout.OnImageLayoutFinishListener() { 61 | @Override 62 | public void layoutFinish(List images) { 63 | for (int i = 0; i < images.size(); i++) { 64 | images.get(i).setImageResource(topic.getImgaes().get(i)); 65 | } 66 | } 67 | }); 68 | return convertView; 69 | } 70 | 71 | static class ViewHolder { 72 | ImageView user_image; 73 | TextView user_name; 74 | TextView topic_content; 75 | FlowImageLayout image_layout; 76 | } 77 | } 78 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 6 | 7 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /app/src/main/res/layout/list_item_topic.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 15 | 16 | 24 | 25 | 35 | 36 | 43 | 44 | -------------------------------------------------------------------------------- /app/src/main/res/menu/menu_main.xml: -------------------------------------------------------------------------------- 1 | 4 | 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-xxhdpi/image1.jpg -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/image2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-xxhdpi/image2.jpg -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/image3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-xxhdpi/image3.jpg -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/image4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-xxhdpi/image4.jpg -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/image5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-xxhdpi/image5.jpg -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/image6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-xxhdpi/image6.jpg -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/image7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-xxhdpi/image7.jpg -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/image8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-xxhdpi/image8.jpg -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/image9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-xxhdpi/image9.jpg -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/image_user.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/app/src/main/res/mipmap-xxhdpi/image_user.jpg -------------------------------------------------------------------------------- /app/src/main/res/values-w820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 64dp 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16dp 4 | 16dp 5 | 6 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | FlowImageLayout 3 | 4 | Hello world! 5 | Settings 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:1.2.3' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | jcenter() 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Wed Apr 10 15:27:10 PDT 2013 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.2.1-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /screenshot/screen1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/screenshot/screen1.png -------------------------------------------------------------------------------- /screenshot/screen2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/screenshot/screen2.png -------------------------------------------------------------------------------- /screenshot/screen3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/screenshot/screen3.png -------------------------------------------------------------------------------- /screenshot/screen4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ioneday/FlowImageLayout/9ffc83c900ae2a932f52e9200ba15bbe0a405f61/screenshot/screen4.png -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | --------------------------------------------------------------------------------