首页 文章 精选 留言 我的

Android第三十八期 - 评价标签FlowLayout

2017-11-07 667

    代码已经整理好，这里要说一下，因为手动和Json获取写法不一样。

    手动直接xml设置：  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
     <LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"
     xmlns:tools= "http://schemas.android.com/tools"
     android:layout_width= "fill_parent"
     android:layout_height= "fill_parent"
     android:background= "#E1E6F6"
     android:orientation= "vertical"  >
 
     <com.zhy.zhy_flowlayout02.FlowLayout
         android:layout_width= "fill_parent"
         android:layout_height= "wrap_content"  >
 
         <TextView
             style= "@style/text_flag_01"
             android:text= "Welcome"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:text= "IT工程师"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:text= "学习ing"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:text= "恋爱ing"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:text= "挣钱ing"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:text= "努力ing"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:text= "I thick i can"  />
     </com.zhy.zhy_flowlayout02.FlowLayout>
     
 
     <com.zhy.zhy_flowlayout02.FlowLayout
         android:layout_width= "fill_parent"
         android:layout_height= "wrap_content"
         android:layout_marginTop= "20dp"  >
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_02"
             android:text= "Welcome"
             android:textColor= "#888888"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_02"
             android:text= "IT工程师"
             android:textColor= "#888888"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_02"
             android:text= "学习ing"
             android:textColor= "#888888"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_02"
             android:text= "恋爱ing"
             android:textColor= "#888888"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_02"
             android:text= "挣钱ing"
             android:textColor= "#888888"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_02"
             android:text= "努力ing"
             android:textColor= "#888888"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_02"
             android:text= "I thick i can"
             android:textColor= "#888888"  />
     </com.zhy.zhy_flowlayout02.FlowLayout>
 
     <com.zhy.zhy_flowlayout02.FlowLayout
         android:layout_width= "fill_parent"
         android:layout_height= "wrap_content"
         android:layout_marginTop= "20dp"  >
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_03"
             android:text= "Welcome"
             android:textColor= "#43BBE7"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_03"
             android:text= "IT工程师"
             android:textColor= "#43BBE7"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_03"
             android:text= "学习ing"
             android:textColor= "#43BBE7"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_03"
             android:text= "恋爱ing"
             android:textColor= "#43BBE7"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_03"
             android:text= "挣钱ing"
             android:textColor= "#43BBE7"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_03"
             android:text= "努力ing"
             android:textColor= "#43BBE7"  />
 
         <TextView
             style= "@style/text_flag_01"
             android:background= "@drawable/flag_03"
             android:text= "I thick i can"
             android:textColor= "#43BBE7"  />
     </com.zhy.zhy_flowlayout02.FlowLayout>
 
</LinearLayout>

    效果如下：

    wKioL1WDhcqjYyk7AAFiw8wzLyY331.jpg

    Json获取：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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
     if (message.what ==  1 ) {
         // 处理操作
         pingjia = newArrayList<Pingjia>();
         pingjia.addAll(JsonUtils.getBeanList(message.result, "Items" ,
         Pingjia. class ));
         FlowLayout layout = (FlowLayout)findViewById(R.id.layou23);
         LinearLayout.LayoutParams params = newLinearLayout.LayoutParams(
         LinearLayout.LayoutParams.WRAP_CONTENT,
         LinearLayout.LayoutParams.WRAP_CONTENT);
         params.gravity =Gravity.CENTER_VERTICAL;
          
         // 加载TextView
         for  ( int  i =  0 ; i < pingjia.size();i++) {
         Pingjia ping = pingjia.get(i);
         tvNav =  new  TextView( this );
         tvNav.setTextSize( 13 .f);
         // tvNav.setWidth((int)Math.floor(Double.valueOf(a)));
         // tvNav.setHeight((int)Math.floor(Double.valueOf(b)));
         tvNav.setText(ping.getContent());
         tvNav.setId(ping.getId());
         tvNav.setBackgroundResource(R.anim.flag_022);
         tvNav.setTag( false );
         tvNav.setTextColor(getResources().getColor(R.color.gray));
         // tvNav.setPadding(30, 10, 30, 10);
         // tvNav.setGravity(Gravity.CENTER_HORIZONTAL);
         tvNav.setOnClickListener(newTvClickListener(tvNav));
         layout.addView(tvNav, params);
     }
     
     
     private  TextView tvNav;
     private  String str =  "" ;
     private  String strId =  "" ;
 
     /**
      * 标题栏textview 点击事件
      * 
      * @author fei
      * 
      */
     private  final  class  TvClickListener  implements  View.OnClickListener {
         // private int index;
         private  TextView tvNav;
 
         public  TvClickListener(TextView tvNav) {
             super ();
             // this.index = index;
             this .tvNav = tvNav;
         }
 
         @Override
         public  void  onClick(View v) {
             Boolean isclick = (Boolean) tvNav.getTag();
             if  (!isclick) {
                 tvNav.setBackgroundResource(R.anim.flag_0444);
                 tvNav.setTextColor(getResources().getColor(R.color.red));
                 tvNav.setTag( true );
                 // 显示到上面
                 str = str + tvNav.getText().toString() +  "," ;
                 ed_en.setText(str);
                 // 记录Id
                 strId = strId + tvNav.getId() +  "," ;
                 // strId = strId.substring(0, strId.length() - 1);
                 // MyLogUtil.v("传->strId", strId);
             }  else  {
                 tvNav.setBackgroundResource(R.anim.flag_022);
                 tvNav.setTextColor(getResources().getColor(R.color.gray));
                 tvNav.setTag( false );
                 // 显示到上面
                 str = str.replace(tvNav.getText().toString() +  "," ,  "" );
                 ed_en.setText(str);
                 // 记录Id
                 strId = strId.replace(tvNav.getId() +  "," ,  "" );
                 // strId = strId.substring(0, strId.length() - 1);
                 // MyLogUtil.v("Delete->strId", strId);
             }
             // ToastUtil.showToastLong(tvNav.getId() + ","
             // + tvNav.getText().toString());
         }
     }

    xml设置：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
      <LinearLayout
                     android:layout_width= "fill_parent"
                     android:layout_height= "wrap_content"
                     android:layout_marginBottom= "@dimen/dimens_10"
                     android:layout_marginLeft= "@dimen/x10"
                     android:layout_marginRight= "@dimen/x10"
                     android:layout_marginTop= "@dimen/y20"
                     android:orientation= "vertical"  >
 
                     <TextView
                         android:layout_width= "wrap_content"
                         android:layout_height= "wrap_content"
                         android:drawableLeft= "@drawable/biaoqian1"
                         android:drawablePadding= "@dimen/dimens_10"
                         android:text= "@string/bq3"
                         android:textColor= "@color/black"
                         android:textSize= "15sp"  />
 
                     <com.kangxin.patient.utils.FlowLayout
                         android:id= "@+id/layou23"
                         android:layout_width= "fill_parent"
                         android:layout_height= "wrap_content"
                         android:layout_marginTop= "@dimen/y10"
                         android:orientation= "vertical"  >
                     </com.kangxin.patient.utils.FlowLayout>
                 </LinearLayout>

    效果如下：

    wKioL1WDiRbSp5qZAABjps7YvNQ969.jpg

    最后是自定义layout类FlowLayout：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
package  com.zhy.zhy_flowlayout02;
 
import  java.util.ArrayList;
import  java.util.List;
 
import  android.content.Context;
import  android.util.AttributeSet;
import  android.util.Log;
import  android.view.View;
import  android.view.ViewGroup;
 
public  class  FlowLayout  extends  ViewGroup
{
 
     private  static  final  String TAG =  "FlowLayout" ;
 
 
     public  FlowLayout(Context context, AttributeSet attrs)
     {
         super (context, attrs);
     }
 
     @Override
     protected  ViewGroup.LayoutParams generateLayoutParams(
             ViewGroup.LayoutParams p)
     {
         return  new  MarginLayoutParams(p);
     }
 
     @Override
     public  ViewGroup.LayoutParams generateLayoutParams(AttributeSet attrs)
     {
         return  new  MarginLayoutParams(getContext(), attrs);
     }
 
     @Override
     protected  ViewGroup.LayoutParams generateDefaultLayoutParams()
     {
         return  new  MarginLayoutParams(LayoutParams.MATCH_PARENT,
                 LayoutParams.MATCH_PARENT);
     }
 
     /**
      * 负责设置子控件的测量模式和大小 根据所有子控件设置自己的宽和高
      */
     @Override
     protected  void  onMeasure( int  widthMeasureSpec,  int  heightMeasureSpec)
     {
         super .onMeasure(widthMeasureSpec, heightMeasureSpec);
         // 获得它的父容器为它设置的测量模式和大小
         int  sizeWidth = MeasureSpec.getSize(widthMeasureSpec);
         int  sizeHeight = MeasureSpec.getSize(heightMeasureSpec);
         int  modeWidth = MeasureSpec.getMode(widthMeasureSpec);
         int  modeHeight = MeasureSpec.getMode(heightMeasureSpec);
 
         Log.e(TAG, sizeWidth +  ","  + sizeHeight);
 
         // 如果是warp_content情况下，记录宽和高
         int  width =  0 ;
         int  height =  0 ;
         /**
          * 记录每一行的宽度，width不断取最大宽度
          */
         int  lineWidth =  0 ;
         /**
          * 每一行的高度，累加至height
          */
         int  lineHeight =  0 ;
 
         int  cCount = getChildCount();
 
         // 遍历每个子元素
         for  ( int  i =  0 ; i < cCount; i++)
         {
             View child = getChildAt(i);
             // 测量每一个child的宽和高
             measureChild(child, widthMeasureSpec, heightMeasureSpec);
             // 得到child的lp
             MarginLayoutParams lp = (MarginLayoutParams) child
                     .getLayoutParams();
             // 当前子空间实际占据的宽度
             int  childWidth = child.getMeasuredWidth() + lp.leftMargin
                     + lp.rightMargin;
             // 当前子空间实际占据的高度
             int  childHeight = child.getMeasuredHeight() + lp.topMargin
                     + lp.bottomMargin;
             /**
              * 如果加入当前child，则超出最大宽度，则的到目前最大宽度给width，类加height 然后开启新行
              */
             if  (lineWidth + childWidth > sizeWidth)
             {
                 width = Math.max(lineWidth, childWidth); // 取最大的
                 lineWidth = childWidth;  // 重新开启新行，开始记录
                 // 叠加当前高度，
                 height += lineHeight;
                 // 开启记录下一行的高度
                 lineHeight = childHeight;
             }  else
             // 否则累加值lineWidth,lineHeight取最大高度
             {
                 lineWidth += childWidth;
                 lineHeight = Math.max(lineHeight, childHeight);
             }
             // 如果是最后一个，则将当前记录的最大宽度和当前lineWidth做比较
             if  (i == cCount -  1 )
             {
                 width = Math.max(width, lineWidth);
                 height += lineHeight;
             }
 
         }
         setMeasuredDimension((modeWidth == MeasureSpec.EXACTLY) ? sizeWidth
                 : width, (modeHeight == MeasureSpec.EXACTLY) ? sizeHeight
                 : height);
 
     }
     /**
      * 存储所有的View，按行记录
      */
     private  List<List<View>> mAllViews =  new  ArrayList<List<View>>();
     /**
      * 记录每一行的最大高度
      */
     private  List<Integer> mLineHeight =  new  ArrayList<Integer>();
     @Override
     protected  void  onLayout( boolean  changed,  int  l,  int  t,  int  r,  int  b)
     {
         mAllViews.clear();
         mLineHeight.clear();
 
         int  width = getWidth();
 
         int  lineWidth =  0 ;
         int  lineHeight =  0 ;
         // 存储每一行所有的childView
         List<View> lineViews =  new  ArrayList<View>();
         int  cCount = getChildCount();
         // 遍历所有的孩子
         for  ( int  i =  0 ; i < cCount; i++)
         {
             View child = getChildAt(i);
             MarginLayoutParams lp = (MarginLayoutParams) child
                     .getLayoutParams();
             int  childWidth = child.getMeasuredWidth();
             int  childHeight = child.getMeasuredHeight();
 
             // 如果已经需要换行
             if  (childWidth + lp.leftMargin + lp.rightMargin + lineWidth > width)
             {
                 // 记录这一行所有的View以及最大高度
                 mLineHeight.add(lineHeight);
                 // 将当前行的childView保存，然后开启新的ArrayList保存下一行的childView
                 mAllViews.add(lineViews);
                 lineWidth =  0 ; // 重置行宽
                 lineViews =  new  ArrayList<View>();
             }
             /**
              * 如果不需要换行，则累加
              */
             lineWidth += childWidth + lp.leftMargin + lp.rightMargin;
             lineHeight = Math.max(lineHeight, childHeight + lp.topMargin
                     + lp.bottomMargin);
             lineViews.add(child);
         }
         // 记录最后一行
         mLineHeight.add(lineHeight);
         mAllViews.add(lineViews);
 
         int  left =  0 ;
         int  top =  0 ;
         // 得到总行数
         int  lineNums = mAllViews.size();
         for  ( int  i =  0 ; i < lineNums; i++)
         {
             // 每一行的所有的views
             lineViews = mAllViews.get(i);
             // 当前行的最大高度
             lineHeight = mLineHeight.get(i);
 
             Log.e(TAG,  "第"  + i +  "行 ："  + lineViews.size() +  " , "  + lineViews);
             Log.e(TAG,  "第"  + i +  "行， ："  + lineHeight);
 
             // 遍历当前行所有的View
             for  ( int  j =  0 ; j < lineViews.size(); j++)
             {
                 View child = lineViews.get(j);
                 if  (child.getVisibility() == View.GONE)
                 {
                     continue ;
                 }
                 MarginLayoutParams lp = (MarginLayoutParams) child
                         .getLayoutParams();
 
                 //计算childView的left,top,right,bottom
                 int  lc = left + lp.leftMargin;
                 int  tc = top + lp.topMargin;
                 int  rc =lc + child.getMeasuredWidth();
                 int  bc = tc + child.getMeasuredHeight();
 
                 Log.e(TAG, child +  " , l = "  + lc +  " , t = "  + t +  " , r ="
                         + rc +  " , b = "  + bc);
 
                 child.layout(lc, tc, rc, bc);
                 
                 left += child.getMeasuredWidth() + lp.rightMargin
                         + lp.leftMargin;
             }
             left =  0 ;
             top += lineHeight;
         }
 
     }
}

    最后感谢 hongyang大神~Loader大神~

    wKiom1WDifOxEFPIAAKfDXOwxc0491.jpg









本文转自 吴雨声 51CTO博客，原文链接：http://blog.51cto.com/liangxiao/1663535，如需转载请自行联系原作者
上一篇 下一篇
优秀的个人博客,低调大师

微信关注我们

原文链接：https://yq.aliyun.com/articles/464964

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Android基础：关于Dialog和Activity的style的深入理解

&lt;!-- 微博 --&gt; &lt;style name= "weibosdk_ContentOverlay" parent= "android:style/Theme.Dialog" &gt; &lt;item name= "android:windowNoTitle" &gt; true &lt;/item&gt; 没有标题 &lt;item name= "android:windowIsTranslucent" &gt; true &lt;/item&gt; 透明 &lt;item name= "android:windowBackground" &gt; @color /weibosdk_transparent&lt;/item&gt; 窗口背景色 &lt;item name= "android:windowAnimationStyle" &gt; @android :style/Animation.Translucent&lt;/item&gt; 重要，Dialog进出的显示动画 &lt;item name= "android:windowContentO...
2017-11-07
680
上一篇

eclipse中关联文件设置方法

在前几次的试验中，只是做了处于应用程序最上层的界面设计，其实还不知程序在运行过程中到底调用了哪些函数，这些函数是怎么实现的，由于搭建环境时没有进行文件关联，所以在环境中无法实现ctrl键+左击鼠标的方式及时查看类的编写方法。 究其原因还是一时偷懒，没有仔细上网找android前几个版本的源代码，就自己告诉自己说找不到，影响了后续的学习。 如下为本人实现文件关联的方法： android前几个版本的下载连接方式： android-1.5的下载地址有如下http://rgruet.free.fr/public/android-1.5-cupcake-src.zip(21.6MB) android-1.6的下载地址有如下http://rgruet.free.fr/public/android-1.6_r1-donut-src.zip(23MB) android-2.0的下载地址有如下http://rgruet.free.fr/public/android-2.0-eclair-src.zip(24.4MB) android-2.2的下载地址有如下 http://119.147.106.190/...
2017-11-07
649
下一篇

相关文章

发表评论

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

时间: 2026-04-11 大小: 211.28KB 下载: 56次
Spring

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

时间: 2025-12-17 大小: 5MB 下载: 1次
Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

时间: 2025-12-03 大小: 9.84MB 下载: 39次
WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

时间: 2025-12-13 大小: 249.54MB 下载: 22次
手机查看

扫码在手机上查看文章

扫描二维码，手机阅读更方便

热门标签
DeepSeek Jdk25 OpenAi HarmonyOS6 Nacos3 SpringBoot4 SpringCloud Docker Kubernetes Service Mesh Redis Gemini3 Rocky

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册