androi自定义自动换行的View(类似网页的标签Tag)
看来只有礼拜天才有时间写点博客啊,平时只能埋头苦干了。今天在公司加班,遇到一个需求,就是自动换行的TextView,有点像网页的tag标签,点击一下,就自动加上去了,不过这个是根据后台拿来的数据来显示多少个View,在网上找找,看见了许多,我自己也封装写一个吧,以便以后需要...开工
package com.woyou.ui.component; import android.content.Context; import android.util.AttributeSet; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; import com.citaq.ideliver.R; /** * 自动换行的View * * @author shenzhou 2015年1月11日 */ public class WordWrapView extends ViewGroup { private static final int PADDING_HOR = 10;// 水平方向padding private static final int PADDING_VERTICAL = 15;// 垂直方向padding private static final int SIDE_MARGIN = 10;// 左右间距 private static final int TEXT_MARGIN = 10; public WordWrapView(Context context) { super(context); } public WordWrapView(Context context, AttributeSet attrs) { super(context, attrs); } public WordWrapView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } @Override protected 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.setBackgroundResource(R.drawable.shopdetail_keytag_bg); 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); } } } @Override protected 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 = (TextView) 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); } }具体使用:
我的项目的布局文件太长了,我就说了
<com.woyou.ui.component.WordWrapView style="@style/shopDetailTextStyle" android:id="@+id/shopdetail_container" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:paddingLeft="@dimen/dp20" android:paddingRight="@dimen/dp20" android:paddingTop="@dimen/dp10" />把这段布局文件加到你要把文字自动换行的地方。java文件中的使用:
if ( !TextUtils.isEmpty(shopDetail.getInfo()) ) { infoLin.setVisibility(View.VISIBLE); //店铺关键字 String key = shopDetail.getKey(); strs = key.split("\\|"); for (int i = 0; i < strs.length; i++) { TextView textview = new TextView(mActivity); textview.setText(strs[i]); wordWrapView.addView(textview); } LogUtil.i(TAG, "tags:" + strs.toString());前面还有找到控件什么的,我相信大家都是知道的。这只是核心代码,效果图如下:
****************************************************************************************************************************
**********************介绍另外一种方法,是某个大神写的,不过没封装,供大家参考***********************************
****************************************************************************************************************************
/** 标签之间的间距 px */ private final int itemMargins = (int) getContext().getResources().getDimension(R.dimen.dp15); /** 标签的行间距 px */ private final int lineMargins = (int) getContext().getResources().getDimension(R.dimen.dp10);
/** * 加载店铺关键字 * @param tags */ private void loadShopKeys (String[] tags) { if ( tags == null ) return; final int containerWidth = container.getMeasuredWidth() - container.getPaddingRight() - container.getPaddingLeft(); final LayoutInflater inflater = mActivity.getLayoutInflater(); /** 用来测量字符的宽度 */ final Paint paint = new Paint(); final TextView textView = (TextView) inflater.inflate(R.layout.item_textviewtag_lv, null); final int itemPadding = textView.getCompoundPaddingLeft() + textView.getCompoundPaddingRight(); final LinearLayout.LayoutParams tvParams = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); tvParams.setMargins(0, 0, itemMargins, 0); paint.setTextSize(textView.getTextSize()); LinearLayout layout = new LinearLayout(getContext()); layout.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT)); layout.setOrientation(LinearLayout.HORIZONTAL); container.addView(layout); final LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT); params.setMargins(0, lineMargins, 0, 0); /** 一行剩下的空间 **/ int remainWidth = containerWidth; for (int i = 0; i < tags.length; ++i) { final String text = tags[i]; final float itemWidth = paint.measureText(text) + itemPadding; if (remainWidth > itemWidth) { addItemView(inflater, layout, tvParams, text); } else { resetTextViewMarginsRight(layout); layout = new LinearLayout(getContext()); layout.setLayoutParams(params); layout.setOrientation(LinearLayout.HORIZONTAL); /** 将前面那一个textview加入新的一行 */ addItemView(inflater, layout, tvParams, text); container.addView(layout); remainWidth = containerWidth; } remainWidth = (int) (remainWidth - itemWidth + 0.5f) - itemMargins; } resetTextViewMarginsRight(layout); } /***************** 将每行最后一个textview的MarginsRight去掉 *********************************/ private void resetTextViewMarginsRight(ViewGroup viewGroup) { final TextView tempTx = (TextView) viewGroup.getChildAt(viewGroup.getChildCount() - 1); tempTx.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); } private void addItemView(LayoutInflater inflater, ViewGroup viewGroup, android.widget.LinearLayout.LayoutParams tvParams, String text) { final TextView itemTx = (TextView) inflater.inflate(R.layout.item_textviewtag_lv, null); itemTx.setText(text); viewGroup.addView(itemTx, tvParams); }好了,到此结束了,屌丝要继续加班了,话说都好几天没打LoL,有点怀念了,等这段时间过了,本吊要撸到天明...
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。