流式布局——FlowLayout +++圆角按钮的自定义设置

概述

何为FlowLayout,如果对Java的Swing比较熟悉的话一定不会陌生,就是控件根据ViewGroup的宽,自动的往右添加,如果当前行剩余空间不足,则自动添加到下一行。有点所有的控件都往左飘的感觉,第一行满了,往第二行飘~所以也叫流式布局。Android并没有提供流式布局,但是某些场合中,流式布局还是非常适合使用的,比如关键字标签,搜索热词列表等,比如下图:

流式布局——FlowLayout +++圆角按钮的自定义设置_第1张图片

这些都特别适合使用FlowLayout,本篇博客会带领大家自己实现FlowLayout,然后使用我们自己定义的FlowLayout实现上面的标签效果。对了,github已经有了这样FlowLayout,但是我觉得丝毫不影响我们对其的学习,学会使用一个控件和学会写一个控件,我相信大家都明白,授人以鱼不如授人以渔。



转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38352503 ,本文出自【张鸿洋的博客】

http://download.csdn.net/download/lmj623565791/7711283  博客里面提供的Demo可以看懂,但是原理还不是太明白,里面有注释!


示例在我的资源:安卓文档\总结文档\自定义View里面,将博客里的内容总结到一起就可以了。——和Demo差不多一样了,会用就行。



Android 手把手教您自定义ViewGroup(一)

http://blog.csdn.net/lmj623565791/article/details/38339817




圆角按钮的自定义设置、

详细了解参考:http://www.blogjava.net/gaolei-xj/archive/2012/12/19/393231.html

或者  http://blog.csdn.net/easyer2012/article/details/11910307  简单实现了 微信——发现 那个界面、

res/values/styles.xml中:

[html]  view plain  copy
 
  1. <style name="text_flag_01">  
  2.        <item name="android:layout_width">wrap_content</item>  
  3.        <item name="android:layout_height">wrap_content</item>  
  4.        <item name="android:layout_margin">4dp</item>  
  5.        <item name="android:background">@drawable/flag_01</item>  
  6.        <item name="android:textColor">#ffffff</item>  
  7.    </style>  

flag_01.xml

[html]  view plain  copy
 
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" >  
  3.   
  4.     <solid android:color="#7690A5" >  
  5.     </solid>  
  6.   
  7.     <corners android:radius="5dp"/>  
  8.     <padding  
  9.         android:bottom="2dp"  
  10.         android:left="10dp"  
  11.         android:right="10dp"  
  12.         android:top="2dp" />  
  13.   
  14. </shape> 
效果图:

流式布局——FlowLayout +++圆角按钮的自定义设置_第2张图片



效果图:

流式布局——FlowLayout +++圆角按钮的自定义设置_第3张图片


你可能感兴趣的:(流式布局——FlowLayout +++圆角按钮的自定义设置)