Android编程重写ViewGroup实现卡片布局的方法
程序员文章站
2024-02-23 23:13:32
本文实例讲述了android编程重写viewgroup实现卡片布局的方法。分享给大家供大家参考,具体如下:
实现效果如图:
实现思路
1. 重写onmeasure...
本文实例讲述了android编程重写viewgroup实现卡片布局的方法。分享给大家供大家参考,具体如下:
实现效果如图:
实现思路
1. 重写onmeasure(int widthmeasurespec, int heightmeasurespec)设置每个子view的大小
2. 重写onlayout(boolean changed, int l, int t, int r, int b) 设置每个子view的位置
第一步:新建flowlayout继承viewgroup
package com.rong.activity; import android.content.context; import android.util.attributeset; import android.view.view; import android.view.viewgroup; /** * 卡片布局 * * @author 徐荣 * */ public class flowlayout extends viewgroup { public flowlayout(context context, attributeset attrs) { super(context, attrs); } @override protected void onlayout(boolean changed, int l, int t, int r, int b) { // 当前子view的数量 int childsize = getchildcount(); // 获取行宽 int linewidth = getmeasuredwidth(); // 当前是第几行 int lines = 1; // 当前累加的行宽 int nowlinewidth = 0; for (int i = 0; i < childsize; i++) { view view = getchildat(i); // 子view的宽度 int childwidth = view.getmeasuredwidth(); // 子view的高度 int childheight = view.getmeasuredheight(); // 如果当前的nowlinewidth+childwidth>= linewidth 则换行 if (nowlinewidth + childwidth >= linewidth) { nowlinewidth = 0; lines = lines + 1; } // 设置子view的位置 view.layout(nowlinewidth, childheight * (lines - 1), nowlinewidth + childwidth, childheight * lines); nowlinewidth = nowlinewidth + childwidth; // 如果nowlinewidth >= linewidth 则换行 if (nowlinewidth >= linewidth) { nowlinewidth = 0; lines = lines + 1; } } } @override protected void onmeasure(int widthmeasurespec, int heightmeasurespec) { super.onmeasure(widthmeasurespec, heightmeasurespec); // 设置自己view的大小 setmeasureddimension(widthmeasurespec, heightmeasurespec); for (int i = 0; i < getchildcount(); i++) { view view = getchildat(i); // 设置每个子view的大小 view.measure(view.getmeasuredwidth(), view.getmeasuredheight()); } } }
第二步:新建布局文件
<?xml version="1.0" encoding="utf-8"?> <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/black" android:orientation="vertical" > <com.rong.activity.flowlayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff" > <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="apple" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="button" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="cup" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="double" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="ear" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="flower" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="game" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="hotdog" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="interseting" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="joker" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="king" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="mother" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="lost" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="noting" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="orange" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="poker" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="qustion" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="ring" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="string" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="type" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="unit" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="vertion" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="west" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="x" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="young" /> <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="zip" /> </com.rong.activity.flowlayout> </relativelayout>
运行!
更多关于android相关内容感兴趣的读者可查看本站专题:《android开发入门与进阶教程》、《android基本组件用法总结》、《android视图view技巧总结》、《android布局layout技巧总结》及《android控件用法总结》
希望本文所述对大家android程序设计有所帮助。