android 选中布局,Android中自定义ViewGroup使每行组件数量不确定，并拿到选中数据（流式布局）...

1先看效果图

2项目目录

3在定义控件FlowTagGroup

package android.zhh.com.myviewgroup;

/**

* Created by sky on 2017/3/10.

*/

import android.content.Context;

import android.util.AttributeSet;

import android.util.Log;

import android.view.View;

import android.view.ViewGroup;

import java.util.ArrayList;

import java.util.List;

/**

* 流布局

*/

public class FlowTagGroup extends ViewGroup {

public FlowTagGroup(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

}

public FlowTagGroup(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public FlowTagGroup(Context context) {

this(context, null);

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);

int modeWidth = MeasureSpec.getMode(widthMeasureSpec);

int sizeHeight = MeasureSpec.getSize(heightMeasureSpec);

int modeHeight = MeasureSpec.getMode(heightMeasureSpec);

// wrap_content

int width = 0;

int height = 0;

// 记录每一行的宽度与高度

int lineWidth = 0;

int lineHeight = 0;

// 得到内部元素的个数

int cCount = getChildCount();

for (int i = 0; i < cCount; i++) {

View child = getChildAt(i);

// 测量子View的宽和高

measureChild(child, widthMeasureSpec, heightMeasureSpec);

// 得到LayoutParams

MarginLayoutParams lp = (MarginLayoutParams) child

.getLayoutParams();

// 子View占据的宽度

int childWidth = child.getMeasuredWidth() + lp.leftMargin

+ lp.rightMargin;

// 子View占据的高度

int childHeight = child.getMeasuredHeight() + lp.topMargin

+ lp.bottomMargin;

// 换行

if (lineWidth + childWidth > sizeWidth - getPaddingLeft()

- getPaddingRight()) {

// 对比得到最大的宽度

width = Math.max(width, lineWidth);

// 重置lineWidth

lineWidth = childWidth;

// 记录行高

height += lineHeight;

lineHeight = childHeight;

} else

// 未换行

{

// 叠加行宽

lineWidth += childWidth;

// 得到当前行最大的高度

lineHeight = Math.max(lineHeight, childHeight);

}

// 最后一个控件

if (i == cCount - 1) {

width = Math.max(lineWidth, width);

height += lineHeight;

}

}

Log.e("TAG", "sizeWidth = " + sizeWidth);

Log.e("TAG", "sizeHeight = " + sizeHeight);

setMeasuredDimension(

//

modeWidth == MeasureSpec.EXACTLY ? sizeWidth : width

+ getPaddingLeft() + getPaddingRight(),

modeHeight == MeasureSpec.EXACTLY ? sizeHeight : height

+ getPaddingTop() + getPaddingBottom()//

);

}

/**

* 存储所有的View

*/

private List> mAllViews = new ArrayList>();

/**

* 每一行的高度

*/

private ListmLineHeight = new ArrayList();

@Override

protected void onLayout(boolean changed, int l, int t, int r, int b) {

mAllViews.clear();

mLineHeight.clear();

// 当前ViewGroup的宽度

int width = getWidth();

int lineWidth = 0;

int lineHeight = 0;

ListlineViews = new ArrayList();

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 + lineWidth + lp.leftMargin + lp.rightMargin > width

- getPaddingLeft() - getPaddingRight()) {

// 记录LineHeight

mLineHeight.add(lineHeight);

// 记录当前行的Views

mAllViews.add(lineViews);

// 重置我们的行宽和行高

lineWidth = 0;

lineHeight = childHeight + lp.topMargin + lp.bottomMargin;

// 重置我们的View集合

lineViews = new ArrayList();

}

lineWidth += childWidth + lp.leftMargin + lp.rightMargin;

lineHeight = Math.max(lineHeight, childHeight + lp.topMargin

+ lp.bottomMargin);

lineViews.add(child);

}// for end

// 处理最后一行

mLineHeight.add(lineHeight);

mAllViews.add(lineViews);

// 设置子View的位置

int left = getPaddingLeft();

int top = getPaddingTop();

// 行数

int lineNum = mAllViews.size();

for (int i = 0; i < lineNum; i++) {

// 当前行的所有的View

lineViews = mAllViews.get(i);

lineHeight = mLineHeight.get(i);

for (int j = 0; j < lineViews.size(); j++) {

View child = lineViews.get(j);

// 判断child的状态

if (child.getVisibility() == View.GONE) {

continue;

}

MarginLayoutParams lp = (MarginLayoutParams) child

.getLayoutParams();

int lc = left + lp.leftMargin;

int tc = top + lp.topMargin;

int rc = lc + child.getMeasuredWidth();

int bc = tc + child.getMeasuredHeight();

// 为子View进行布局

child.layout(lc, tc, rc, bc);

left += child.getMeasuredWidth() + lp.leftMargin

+ lp.rightMargin;

}

left = getPaddingLeft();

top += lineHeight;

}

}

/**

* 与当前ViewGroup对应的LayoutParams

*/

@Override

public LayoutParams generateLayoutParams(AttributeSet attrs) {

return new MarginLayoutParams(getContext(), attrs);

}

}

4activity_main.xml文件中引用自定义控件

5MainActivity中使用

package android.zhh.com.myviewgroup;

import android.app.Activity;

import android.graphics.Color;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.util.Log;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.view.ViewGroup;

public class MainActivity extends Activity {

// 流布局

private FlowTagGroup ftgAttribute;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initView();

}

private void initView(){

ftgAttribute = (FlowTagGroup)findViewById(R.id.ftgAttribute);

String mNames[] = {

"回复快块块快块块","专业专业专业专业专业",

"热情周到",

"及时解决","不专业",

"态度差",

"回复",

"态度好"

};

ViewGroup.MarginLayoutParams lp = new ViewGroup.MarginLayoutParams(

ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);

lp.leftMargin = 10;

lp.rightMargin = 10;

lp.topMargin = 10;

lp.bottomMargin = 10;

for(int i = 0; i < mNames.length; i ++) {

MyTextView myTextView= new MyTextView(this);

myTextView.setText(mNames[i]);

myTextView.setTextColor(Color.parseColor("#666666"));

myTextView.setBackgroundResource(R.drawable.bg_comment_attribute_off);

ftgAttribute.addView(myTextView, lp);

// 点击事件和拿到数据

myTextView.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

// 选中状态isSelected=true

if(((MyTextView)v).isSelected){

Log.e("111","选中状态");

((MyTextView) v).setTextColor(Color.parseColor("#ffffff"));

((MyTextView)v).setBackgroundResource(R.drawable.bg_comment_attribute_on);

((MyTextView)v).isSelected=false;

}

// 不选中状态

else{

Log.e("111", "未选中状态");

((MyTextView) v).setTextColor(Color.parseColor("#666666"));

((MyTextView)v).setBackgroundResource(R.drawable.bg_comment_attribute_off);

((MyTextView)v).isSelected=true;

}

// 打印选中的数据

for(int i=0;i

6MyTextView文件(自定义TextView)

package android.zhh.com.myviewgroup;

import android.content.Context;

import android.widget.TextView;

/**

* Created by sky on 2017/3/10.

*/

public class MyTextView extends TextView {

// 默认不选中

public boolean isSelected=true;

public MyTextView(Context context) {

super(context);

}

}

7drawable目录下按钮点击后的背景bg_comment_attribute_on.xml

8drawable目录下按钮点击后的背景bg_comment_attribute_off.xml

源码下载：

http://download.csdn.net/download/zhaihaohao1/9776817