Android实现View排列自动换行

效果如图

当单个view超出屏幕宽度后截取部分，textview则显示省略号

代码

WordWrapView代码：

public class WordWrapView extends ViewGroup {private static final int PADDING_HOR = 10;//子view水平方向paddingprivate static final int PADDING_VERTICAL = 10;//子view垂直方向paddingprivate static final int TEXT_MARGIN_HOR = 20;//子view之间的水平间距private static final int TEXT_MARGIN_VERTICAL = 20;//行间距private int num = 0;//最多字个数/*** @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 = 0;// 横坐标开始int y = 0;//纵坐标开始int rows = 1;for (int i = 0; i < childCount; i++) {View view = getChildAt(i);int width = view.getMeasuredWidth();int height = view.getMeasuredHeight();x += width + TEXT_MARGIN_HOR;if (x > autualWidth - TEXT_MARGIN_HOR) {//判断累积高度if (i != 0) {x = width + TEXT_MARGIN_HOR;rows++;}//当一个子view长度超出父view长度时if (x > autualWidth - TEXT_MARGIN_HOR) {//判断单个高度//如果子view是textview的话处理文字if (view instanceof TextView) {TextView tv = ((TextView) view);if (num == 0) {//只计算一次int wordNum = tv.getText().toString().length();num = wordNum * (autualWidth - 2 * TEXT_MARGIN_HOR) / width - 1;}String text = tv.getText().toString();text = text.substring(0, num) + "...";tv.setText(text);}x = autualWidth - TEXT_MARGIN_HOR;width = autualWidth - (2 * TEXT_MARGIN_HOR);}}y = rows * (height + TEXT_MARGIN_VERTICAL);view.layout(x - width, y - height, x, y);}}public float getCharacterWidth(String text, float size) {if (null == text || "".equals(text))return 0;float width = 0;Paint paint = new Paint();paint.setTextSize(size);float text_width = paint.measureText(text);// 得到总体长度width = text_width / text.length();// 每一个字符的长度return width;}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {int x = 0;//横坐标int y = 0;//纵坐标int rows = 1;//总行数int specWidth = MeasureSpec.getSize(widthMeasureSpec);int actualWidth = specWidth;//实际宽度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_HOR;if (x > actualWidth - TEXT_MARGIN_HOR) {//换行if (index != 0) {x = width + TEXT_MARGIN_HOR;rows++;}}y = rows * (height + TEXT_MARGIN_VERTICAL);}setMeasuredDimension(actualWidth, y + TEXT_MARGIN_VERTICAL);}
}

调用：

public class MainActivity extends AppCompatActivity {private WordWrapView wordWrapView;String[] word = {"大叔大婶", "的点点滴滴多多多多", "打赏", "大叔大", "打扫的", "大大大啊", "sas撒飒飒", "打撒所多所所多", "打死打死打死打死", "4545sd5s45s4d5sd", "qqqqqq", "啊飒飒"};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);wordWrapView = ((WordWrapView) findViewById(R.id.wordwrap));for (int i = 0; i < word.length; i++) {final TextView textview = new TextView(getApplicationContext());textview.setBackgroundColor(Color.parseColor("#a0a0a0"));textview.setTextSize(14);textview.setText(word[i]);final int finalI = i;textview.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(getApplicationContext(), word[finalI], Toast.LENGTH_SHORT).show();}});wordWrapView.addView(textview);}}
}

布局：

<test.hhx.com.wordwrapdemo.WordWrapViewandroid:id="@+id/wordwrap"android:layout_width="match_parent"android:layout_height="wrap_content" />

Demo下载地址

Android实现View排列自动换行相关推荐

Android 自定义View
[Android 自定义View] Android 自定义View 自定义View基础自定义TextView 继承View重写onDraw方法 View的构造方法自定义属性创建attrsxml文 ...
android多行文字正中间显示,Android自定义View五（绘制文本大小、多行多列居中）...
一.绘制文本在Canvas中绘制文本,使用前面文章的坐标系 1.drawText的几种方法 public void drawText (String text, float x, float y, ...
Android 中View的绘制机制源代码分析三
到眼下为止,measure过程已经解说完了,今天開始我们就来学习layout过程.只是在学习layout过程之前.大家有没有发现我换了编辑器,哈哈.最终下定决心从Html编辑器切换为markdown编 ...
Android自定义View精品（LimitScrollerView－仿天猫广告栏上下滚动效果）
版权声明:本文为openXu原创文章[openXu的博客],未经博主允许不得以任何形式转载文章目录 1.分析 2.定义组合控件布局 3.继承最外层控件 4.自定义属性 5.重写onMeasure 6 ...
Android自定义View，你必须知道的几点
为什么我们觉得自定义View是学习Android的一道坎? 为什么那么多Android大神却认为自定义View又是如此的简单? 为什么google随便定义一个View都是上千行的代码? 以上这些问题, ...
Android自定义View注意事项
Android自定义View系列 Android自定义View之Paint绘制文字和线 Android自定义View之图像的色彩处理 Android自定义View之Canvas Android自定义V ...
Android自定义View —— TypedArray
在上一篇中Android 自定义View Canvas -- Bitmap写到了TypedArray 这个属性下面也简单的说一下TypedArray的使用 TypedArray 的作用: 用于从该结 ...
Android 自定义View —— Canvas
上一篇在android 自定义view Paint 里面说了几种常见的Point 属性绘制图形的时候下面总有一个canvas ,Canvas 是是画布上面可以绘制点,线,正方形,圆,等等,需要和 ...
Android之View绘制流程源码分析
版权声明:本文出自汪磊的博客,转载请务必注明出处. 对于稍有自定义View经验的安卓开发者来说,onMeasure,onLayout,onDraw这三个方法都不会陌生,起码多少都有所接触吧. 在安卓中 ...

Android实现View排列自动换行

Android实现View排列自动换行相关推荐

最新文章

热门文章