Android开发之瀑布流控件的实现与使用方法示例

本文实例讲述了Android开发之瀑布流控件的实现与使用方法。分享给大家供大家参考,具体如下:

public class FlowLayout extends ViewGroup { /**行里子view之间的行距离*/ public int mHorizontolSpace = Util.getDimen(R.dimen.top_padding); /**行里子view之间的垂直距离*/ public int mVerticalSpace = Util.getDimen(R.dimen.top_padding); /**创建行的集合*/ private List<Line> mLines = new ArrayList<Line>(); /**当前行*/ private Line mCurrentLine; /**当前行使用的宽度*/ private int mCurrentUseWidth = 0; /**父容器的宽高*/ private int parentWidthSize; private int parentHeightSize; public FlowLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } public FlowLayout(Context context, AttributeSet attrs) { super(context, attrs); } public FlowLayout(Context context) { super(context); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { //0.先清空行集合里的数据 clear(); //1.得到父viewGroup的模式与大小 int parentWidthMode = MeasureSpec.getMode(widthMeasureSpec);// parentWidthSize = MeasureSpec.getSize(widthMeasureSpec) - getPaddingLeft() - getPaddingRight(); int parentHeightMode = MeasureSpec.getMode(heightMeasureSpec); parentHeightSize = MeasureSpec.getSize(heightMeasureSpec) - getPaddingBottom() - getPaddingTop(); /* 每个子view都是包裹内容 * layout.addView(mTextView, new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT * 得到每个孩子的测量规则 */ //2.得到每个孩子的模式 int childWidthMode = parentWidthMode == MeasureSpec.EXACTLY ? MeasureSpec.EXACTLY : parentWidthMode; int childHeightMode = parentHeightMode == MeasureSpec.EXACTLY ? MeasureSpec.EXACTLY : parentHeightMode; //3.根据模式得到子控件的大小 int childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(childWidthMode, parentWidthSize); int childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(childHeightMode, parentHeightSize); //得到子view的个数 int count = getChildCount(); //创建新的行 mCurrentLine = new Line(); for (int i = 0; i < count; i++) { View childView = getChildAt(i); //4.测量每个孩子 childView.measure(childWidthMeasureSpec, childHeightMeasureSpec); //5.得到测量后的孩子的宽高 int childMeasureWidth = MeasureSpec.getSize(childWidthMeasureSpec); //int childMeasureHeight = MeasureSpec.getSize(childHeightMeasureSpec); //6.得到此行使用的宽度 mCurrentUseWidth += childMeasureWidth; //7.判断此行的宽度是否大于父控件的宽度,如果大于则换行 if (mCurrentUseWidth > parentWidthSize) { //8.如果当前的子view的宽度大于父容器的宽度,强行把这个view添加的集合里 if (mCurrentLine.getChildCount()<1) { mLines.add(mCurrentLine); } //9.换行 newLine(); }else { //8.把当前子view添加到行里 mCurrentLine.addChild(childView); //9.添加间隔 mCurrentUseWidth += mHorizontolSpace; if (mCurrentUseWidth > parentWidthSize) { //10.换行 newLine(); } } } //11.如果集合里没有添加当前行,则把当前添加到集合 if (!mLines.contains(mCurrentLine)) { mLines.add(mCurrentLine); } //12.设置富容器的总宽高 int parentWidth = parentWidthSize + getPaddingLeft() + getPaddingRight(); int parentHeight = (mLines.size()-1) * mVerticalSpace + getPaddingBottom() + getPaddingTop(); for(Line line : mLines){ //得到所以line的高度 parentHeight += line.getHeight(); } //13.resolveSize表示哪个高度合适,就用哪个 setMeasuredDimension(parentWidth, resolveSize(parentHeightSize, parentHeight)); /*setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec), getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));*/ } /** * 换行 */ private void newLine() { //a.先把当前的行添加到集合 mLines.add(mCurrentLine); //b.创建新的一行 mCurrentLine = new Line(); //c.新行里的使用的行必须设置为0 mCurrentUseWidth = 0; } public void clear() { mLines.clear(); mCurrentLine = null; mCurrentUseWidth = 0; } @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { //15.得到每个line孩子的左上角的坐标 int left = l + getPaddingLeft(); int top = t + getPaddingTop(); //现在容器里只有line是子孩子 for (int i = 0; i < mLines.size(); i++) { Line line = mLines.get(i); //16.把分配位置给line去处理 line.layout(left, top); //17.设置第一行后的其它行的top数值 top += line.getHeight() + mVerticalSpace; } } /** * 行类,用来封装一行的view */ private class Line{ /**当前行的宽度*/ private int mWidth = 0; /**当前行的高度*/ private int mHeight = 0; /**每个孩子得到的剩余空间*/ int mChildPdding = 0; private List<View> children = new ArrayList<View>(); public void addChild(View childView) { children.add(childView); //取得之view里最高的高度 if (childView.getMeasuredHeight() > mHeight) { mHeight = childView.getMeasuredHeight(); } //18.得到行宽度 mWidth += childView.getMeasuredWidth(); } /** * 定位每个line在富容器里的额位置 * @param left * @param top */ public void layout(int left, int top) { //18.得到行宽度 mWidth += mHorizontolSpace * (children.size() -1); //19.得到剩余的宽度大小 //int padding = getMeasuredWidth() - mWidth; int padding = parentWidthSize - mWidth; if (padding > 0) { mChildPdding = padding / children.size(); } // getWidth()view显示的时候大小,如果view没显示,这个值就为0,步包括隐藏的部分, getMeasuredWidth()控件实际大小,包括隐藏的部分 //一般来说 getMeasuredWidth() > getWidth(); for (int i = 0; i < children.size(); i++) { View child = children.get(i); //第一种:有间隔的flow int bottom = child.getMeasuredHeight() + top; //20.把剩余的空间分配给每个view int right = child.getMeasuredWidth() + left + mChildPdding; //第二种:无间隔的flow // int bottom = getMeasuredHeight() + top; // int right = getMeasuredWidth() + left; //第一个child的位置 child.layout(left, top, right, bottom); //第二个及后面child的right right += child.getMeasuredWidth() + mHorizontolSpace + mChildPdding; } } /** * 得到子view的大小 * @return */ public int getChildCount() { if (children != null) { return children.size(); } return 0; } public int getHeight() { return mHeight; } } }

使用方法:

public class TopFragment extends Fragment{ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { ScrollView scrollView = new ScrollView(getActivity()); FlowLayout layout = new FlowLayout(getActivity()); layout.setBackgroundDrawable(Util.getDrawable(R.drawable.list_item_bg)); int padding = Util.getDimen(R.dimen.top_padding); layout.setPadding(padding, padding, padding, padding); GradientDrawable pressDrawable = DrawableUtil.createDrawable(0xffcecece); for (int i = 0; i < mDatas.size(); i++) { mTextView = new TextView(getActivity()); mTextView.setText(mDatas.get(i)); GradientDrawable randomDrawable = DrawableUtil.createRandomDrawable(); StateListDrawable stateListDrawable = DrawableUtil.createStateDrawable(pressDrawable, randomDrawable); mTextView.setBackgroundDrawable(stateListDrawable); mTextView.setTextColor(Color.WHITE); int left = Util.px2dip(7); int top = Util.px2dip(4); int right = Util.px2dip(7); int bottom = Util.px2dip(4); mTextView.setPadding(left, top, right, bottom); mTextView.setTag(mDatas.get(i)); mTextView.setOnClickListener(this); layout.addView(mTextView, new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, - 2)); } scrollView.addView(layout); } return scrollView; }

工具类:

public class DrawableUtil { /** * 创建随机背景的drawable * @return */ public static GradientDrawable createRandomDrawable(){ GradientDrawable drawable = new GradientDrawable(); drawable.setCornerRadius(Util.px2dip(5)); Random random = new Random(); int red = random.nextInt(200) + 20; int green = random.nextInt(200) + 20; int blue = random.nextInt(200) + 20; int color = Color.rgb(red, green, blue); drawable.setColor(color); return drawable; } /** * 创建带有背景的drawable * @return */ public static GradientDrawable createDrawable(int color){ GradientDrawable drawable = new GradientDrawable(); drawable.setCornerRadius(Util.px2dip(5)); drawable.setColor(color); return drawable; } /** * 状态选择器 * @param press * @param normal * @return */ public static StateListDrawable createStateDrawable(Drawable press, Drawable normal){ StateListDrawable drawable = new StateListDrawable(); //按下 drawable.addState(new int[]{android.R.attr.state_pressed}, press); //正常 drawable.addState(new int[]{}, normal); return drawable; } }

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android窗口相关操作技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

时间: 2024-10-28 16:58:17

Android开发之瀑布流控件的实现与使用方法示例的相关文章

android中最好的瀑布流控件PinterestLikeAdapterView

之前我们介绍过一个开源的瀑布流控件StaggeredGridView ,但是真正使用过后才发现有一个致命的缺陷,那就是在显示数目较多的图片时,上滑有时会很困难.但是今天介绍的瀑布流控件PinterestLikeAdapterView则没有这样的问题. 项目地址:https://github.com/GDG-Korea/PinterestLikeAdapterView 使用方法类似于ListView下面是我使用该控件实现一个显示系统图片的简单应用: xml中: <?xml version="

控件的使用-android开发中使用Spinner控件遇到了一个问题

问题描述 android开发中使用Spinner控件遇到了一个问题 我的本意是使用Spinner下拉列表,当点这个控件的时候,下拉列表中的选项是图片,我用Bitmap这个类型加入了list三个选项,下面是我的代码: public class SpinnerView extends Activity { private Spinner spinner; private Bitmap tp,cp,sp; private ArrayAdapter adapter; protected void onC

Android开发中给EditText控件添加TextWatcher监听实现对输入字数的限制(推荐)_Android

 做这个功能是因为开发项目的时候,由于后台接口的一些参数的值的长度有要求,不能超过多少个字符,所以在编辑框中输入的字符是要有限制的. 下面就来看一下demo的实现过程: 首先,在xml控件中放置一个EditText控件,然后初始化该控件并对该控件添加文本监听.xml自己简单的设计一下,代码较为简单,直接上代码: package com.example.edittext; import android.app.Activity; import android.os.Bundle; import a

Android开发中自定义ProgressBar控件的方法示例

本文实例讲述了Android开发中自定义ProgressBar控件的方法.分享给大家供大家参考,具体如下: 很简单,首先加载Drawable,在onMeasure设置好其区域大小, 然后使用canvas.clipRect绘图 public class ProgressView extends ImageView { private Drawable maskDraw; /** * 加载的进度 0-100 */ private int mProcess = 20; public ProgressV

Android开发中使用WebView控件浏览网页的方法详解

本文实例讲述了Android开发中使用WebView控件浏览网页的方法.分享给大家供大家参考,具体如下: 项目中遇到数学展示问题,常规的Textview显示处理不了数学公式,利用图片生成对服务器又产生较大压力,经过查询,可以通过webview加载JS实现.IOS同样的方法也可实现,但JS渲染效率远高于安卓.对Webview做下总结. 1.WebView 在使用WebView控件时,首先需要在xml布局文件中定义一个WebView控件,定义的方法如下: <WebView android:id=&quo

Android开发中RecycleView + CardView 控件

先上效果图: 开发中RecycleView + CardView 控件-recycleview cardview"> 原理图: 这是RecycleView的工作原理:1.LayoutManager用来处理RecycleView的"列表"样式,Support包默认包含了:LinearLayoutManager  横向或纵向的滚动列表.GridLayoutManager  网格列表.StaggeredGridLayoutManager  交错的网格列表.2.Adapter负

Android开发技巧之ViewStub控件惰性装载_Android

在4.5.6节介绍过一个<include>标签,该标签可以在布局文件中引用另外一个布局文件,并可以覆盖被引用布局文件根节点所有与布局相关的属性,也就是以android:layout开头的属性.通过<include>标签可以将一个非常庞大的布局文件分解成若干个较小的布局文件,而且这些小的布局文件也可以被多次引用,从而达到一个重用的目的. <include>标签固然很好用,但有一个问题,就是布局文件中的控件并不一定在程序启动时全都用到,有一些控件只在特定的情况下才会被使用到

Android开发技巧之ViewStub控件惰性装载

在4.5.6节介绍过一个<include>标签,该标签可以在布局文件中引用另外一个布局文件,并可以覆盖被引用布局文件根节点所有与布局相关的属性,也就是以android:layout开头的属性.通过<include>标签可以将一个非常庞大的布局文件分解成若干个较小的布局文件,而且这些小的布局文件也可以被多次引用,从而达到一个重用的目的. <include>标签固然很好用,但有一个问题,就是布局文件中的控件并不一定在程序启动时全都用到,有一些控件只在特定的情况下才会被使用到

简单介绍Android开发中的Activity控件的基本概念_Android

Activity是最基本的模块,一般称之为"活动",在应用程序中,一个Activity通常就是一个单独的屏幕.简单理解,Activity代表一个用户所能看到的屏幕,主要用于处理应用程序的整体性工作,例如监听系统事件,为用户显示指定的View,启动其他Activity等.所有应用的Activity都继承于android.app.Activity类,该类是Android提供的基层类,其他的Activity继承该父类后,通过父类的方法来实现各种功能. Activity 生命周期图如下: 在a