【Android进阶】Android自定义组件之自动换行View,以TextView为例
来源:互联网 发布:零基础学sql视频教程 编辑:程序博客网 时间:2024/05/17 07:50
原文地址:http://www.tuicool.com/articles/u2eEbe
原文效果图:
组件是继承的ViewGroup,在用的时候调用addView方法把TextView加进去,然后该组件会把textview放到合适的位置。
WordWrapView.java
package com.example.views;import android.content.Context;import android.graphics.Color;import android.util.AttributeSet;import android.view.View;import android.view.ViewGroup;public class WordWrapView extends ViewGroup {private static final int PADDING_HOR = 10;// 水平方向paddingprivate static final int PADDING_VERTICAL = 5;// 垂直方向paddingprivate static final int SIDE_MARGIN = 10;// 左右间距private static final int TEXT_MARGIN = 10;/** * @param context */public WordWrapView(Context context) {super(context);}/** * @param context * @param attrs * @param defStyle */public WordWrapView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);}/** * @param context * @param attrs */public WordWrapView(Context context, AttributeSet attrs) {super(context, attrs);}@Overrideprotected void onLayout(boolean changed, int l, int t, int r, int b) {int childCount = getChildCount();int autualWidth = r - l;int x = SIDE_MARGIN;// 横坐标开始int y = 0;// 纵坐标开始int rows = 1;for (int i = 0; i < childCount; i++) {View view = getChildAt(i);view.setBackgroundColor(Color.GREEN);int width = view.getMeasuredWidth();int height = view.getMeasuredHeight();x += width + TEXT_MARGIN;if (x > autualWidth) {x = width + SIDE_MARGIN;rows++;}y = rows * (height + TEXT_MARGIN);if (i == 0) {view.layout(x - width - TEXT_MARGIN, y - height, x- TEXT_MARGIN, y);} else {view.layout(x - width, y - height, x, y);}}};@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {int x = 0;// 横坐标int y = 0;// 纵坐标int rows = 1;// 总行数int specWidth = MeasureSpec.getSize(widthMeasureSpec);int actualWidth = specWidth - SIDE_MARGIN * 2;// 实际宽度int childCount = getChildCount();for (int index = 0; index < childCount; index++) {View child = getChildAt(index);child.setPadding(PADDING_HOR, PADDING_VERTICAL, PADDING_HOR,PADDING_VERTICAL);child.measure(MeasureSpec.UNSPECIFIED, MeasureSpec.UNSPECIFIED);int width = child.getMeasuredWidth();int height = child.getMeasuredHeight();x += width + TEXT_MARGIN;if (x > actualWidth) {// 换行x = width;rows++;}y = rows * (height + TEXT_MARGIN);}setMeasuredDimension(actualWidth, y);}}
MainActivity.java
public class MainActivity extends Activity { private WordWrapView wordWrapView; private String[] strs = new String[] { "哲学系", "新疆维吾尔族自治区", "新闻学", "心理学", "犯罪心理学", "明明白白", "西方文学史", "计算机", "掌声", "心太软", "生命", "程序开发" }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); wordWrapView = (WordWrapView) this.findViewById(R.id.view_wordwrap); for (int i = 0; i < 12; i++) { TextView textview = new TextView(this); textview.setText(strs[i]); wordWrapView.addView(textview); } }}当然我们在自己使用的时候 ,可以在添加TextView的时候设置文字的颜色和背景,此时必须注释掉 这句
// view.setBackgroundColor(Color.GREEN);效果如下:
position = "营销,行政";
if(position != null && position.length() > 0){String[] strArray = null;strArray = position.split(",");if(strArray != null && strArray.length > 0){for(int i = 0; i < strArray.length; i++){TextView textview = new TextView(ProjectDetailActivity.this); textview.setText(strArray[i]); textview.setTextColor(Color.WHITE); textview.setBackgroundResource(R.drawable.blue_fillet_bg); wordwrapview_recruitment_position.addView(textview);}}}
String treatment = "股权,薪酬,分红";if(treatment != null && treatment.length() > 0){String[] strArray = null;strArray = treatment.split(",");if(strArray != null && strArray.length > 0){for(int i = 0; i < strArray.length; i++){TextView textview = new TextView(ProjectDetailActivity.this); textview.setText(strArray[i]); textview.setTextColor(Color.WHITE); textview.setBackgroundColor(getResources().getColor(R.color.project_green)); wordwrapview_recruitment_treatment.addView(textview);}}}上文之所以解析字符串,是因为服务器发过来的是json格式的字符串,每一项以“,”分割
blue_fillet_bg.xml
<span style="font-family: 'Helvetica Neue', Helvetica, Tahoma, Arial, STXihei, 'Microsoft YaHei', 微软雅黑, sans-serif; line-height: 27.2px;"><?xml version="1.0" encoding="utf-8"?></span>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <!-- 填充的颜色 --> <solid android:color="#44B3F8" /> <!-- 设置按钮的四个角为弧形 --> <!-- android:radius 弧形的半径 --> <corners android:radius="5dip" /> </shape>
R.color.project_green<color name="project_green">#88A637</color>
0 0
- 【Android进阶】Android自定义组件之自动换行View,以TextView为例
- Android自定义组件之自动换行View
- Android自定义组件之自动换行View
- Android自定义组件之自动换行View
- Android自定义组件之自动换行的TextView
- Android自定义组件之自动换行View - 儒雅小生
- Android 自定义TextView 自动换行
- Android自定义组件之自动换行ViewGroup
- Android自定义组件之TextView
- android TextView 自动换行
- Android TextView自动换行
- Android TextView 自动换行
- Android TextView自动换行
- android textview 自动换行
- Android自定义view-文本自动换行
- Android自定义view-文本自动换行
- Android自定义view-文本自动换行
- Android 自定义View (TextView)
- 如何将vector中的数据写入到txt中
- 第三周项目四-穷举法解决组合问题
- 在inet下写一个“HelloWorld”程序
- Android Studio添加Parcelable序列化小工具(快速提高开发效率)
- 工厂模式
- 【Android进阶】Android自定义组件之自动换行View,以TextView为例
- 解决ReactNative崩溃:Can't find variable: __fbBatchedBridge
- 【bzoj 3809】Gty的二逼妹子序列 题解&代码(c++)
- HTTP 错误 500.21 - Internal Server Error 解决方案
- 第3周项目3—输出星号图(打印菱形)
- static 关键字的作用
- 日期匹配星座,月日匹配星座,android 星座
- 第二周 项目四
- 第三周项目1