当前位置： 移动技术网 > IT编程>移动开发>Android > Android编程重写ViewGroup实现卡片布局的方法

Android编程重写ViewGroup实现卡片布局的方法

2019年07月24日  | 移动技术网IT编程  | 我要评论

乐讯网,虐爱小神父 迷羊,反叛的鲁路修剧场版

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网