欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2024-02-20 15:08:10
本文实例讲述了android编程重写viewgroup实现卡片布局的方法。分享给大家供大家参考,具体如下: 实现效果如图: 实现思路 1. 重写onmeasure...

本文实例讲述了android编程重写viewgroup实现卡片布局的方法。分享给大家供大家参考,具体如下:

实现效果如图

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程序设计有所帮助。