自定义ViewGroup控件（三）-----流式布局进阶（三）

2024-08-31 23:48
文章标签 进阶 自定义 布局 控件 流式 viewgroup

本文主要是介绍自定义ViewGroup控件（三）-----流式布局进阶（三），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="vertical" ><com.example.flowlayout.FlowLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:background="#ff00ff" ><TextViewstyle="@style/text_flag_01"android:background="@drawable/flag_03"android:text="sfasfsfasfs"android:textColor="#43BBE7" /><TextViewstyle="@style/text_flag_01"android:background="@drawable/flag_03"android:text="sfas嗯啥哦 "android:textColor="#43BBE7" /><TextViewstyle="@style/text_flag_01"android:background="@drawable/flag_03"android:text="我真是我弄 可以的"android:textColor="#43BBE7" /><TextViewstyle="@style/text_flag_01"android:background="@drawable/flag_03"android:text="暗色捏你你呢你了 "android:textColor="#43BBE7" /><TextViewstyle="@style/text_flag_01"android:background="@drawable/flag_03"android:text="问候foe 接口就是"android:textColor="#43BBE7" /><TextViewstyle="@style/text_flag_01"android:background="@drawable/flag_03"android:text="暗色法俄万人 问啊"android:textColor="#43BBE7" /><TextViewstyle="@style/text_flag_01"android:background="@drawable/flag_03"android:text="为问啊 问问发我发"android:textColor="#43BBE7" /></com.example.flowlayout.FlowLayout></LinearLayout>

styles.xml 

<resources><style name="text_flag_01"><item name="android:layout_width">wrap_content</item><item name="android:layout_height">wrap_content</item><item name="android:layout_margin">4dp</item><item name="android:textColor">#ffffff</item></style></resources>

flag_03.xml 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" ><solid android:color="#FFFFFF" ></solid><corners android:radius="40dp" /><paddingandroid:bottom="2dp"android:left="10dp"android:right="10dp"android:top="2dp" /></shape>

MainActivity 

package com.example.flowlayout;import android.app.Activity;
import android.os.Bundle;public class MainActivity extends Activity {@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);}
}

FlowLayout 

package com.example.flowlayout;import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;public class FlowLayout extends ViewGroup {public FlowLayout(Context context) {super(context);}public FlowLayout(Context context, AttributeSet attrs) {super(context, attrs);}public FlowLayout(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);}/*** 父容器生成 子view 的布局LayoutParams;* 一句话道出LayoutParams的本质：LayoutParams是Layout提供给其中的Children使用的。* 如果要自定义ViewGroup支持子控件的layout_margin参数* ，则自定义的ViewGroup类必须重载generateLayoutParams()函数，* 并且在该函数中返回一个ViewGroup.MarginLayoutParams派生类对象，这样才能使用margin参数。*/@Overrideprotected LayoutParams generateLayoutParams(LayoutParams p) {return new MarginLayoutParams(p);}@Overridepublic LayoutParams generateLayoutParams(AttributeSet attrs) {return new MarginLayoutParams(getContext(), attrs);}@Overrideprotected LayoutParams generateDefaultLayoutParams() {return new MarginLayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);int measureWidth = MeasureSpec.getSize(widthMeasureSpec);int measureHeight = MeasureSpec.getSize(heightMeasureSpec);int measureWidthMode = MeasureSpec.getMode(widthMeasureSpec);int measureHeightMode = MeasureSpec.getMode(heightMeasureSpec);// 每行的宽度，每行的高度int lineWidth = 0;int lineHeight = 0;// 初始化容器的高度，宽地int viewGroupHeight = 0;int viewGroupWidth = 0;// 获取子view的数量int count = getChildCount();for (int i = 0; i < count; i++) {// 获取每一个子viewView child = getChildAt(i);// 测量子viewmeasureChild(child, widthMeasureSpec, heightMeasureSpec);// 如果忘记重写generateLayoutParams，则hild.getLayoutParams()将不是MarginLayoutParams的实例// 在强制转换时就会出错，此时我们把左右间距设置为0，但由于在计算布局宽高时没有加上间距值，就是计算出的宽高要比实际小，所以是onLayout时就会出错MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams();// 每个子view的宽、高int childWidth = child.getMeasuredWidth() + lp.leftMargin+ lp.rightMargin;int childHeight = child.getMeasuredHeight() + lp.topMargin+ lp.bottomMargin;/*** 换行后：当在显示下一个子view的时候，之前累加 的宽度+下个子view的宽度>测量的viewGroup的宽度，就需要换行显示*/if (lineWidth + childWidth > measureWidth) {// 将容器的高度，进行累加，换行后viewGroupHeight += lineHeight;// 因为由于盛不下当前控件，而将此控件调到下一行，所以将此控件的高度和宽度初始化给lineHeight、lineWidthlineHeight = childHeight;lineWidth = childWidth;} else {// 每行的高度，需要在当前行的所有view取最大值lineHeight = Math.max(lineHeight, childHeight);// 拿第一行来说，在没有换行的情况下，每行的宽度，需要不断累加每个子view的宽度lineWidth += childWidth;}// 最后一行是不会超出width范围的，所以要单独处理if (i == count - 1) {viewGroupHeight += lineHeight;viewGroupWidth = Math.max(viewGroupWidth, lineWidth);}}// 当属性是MeasureSpec.EXACTLY时，那么它的高度就是确定的，// 只有当是wrap_content时，根据内部控件的大小来确定它的大小时，大小是不确定的，属性是AT_MOST,此时，就需要我们自己计算它的应当的大小，并设置进去setMeasuredDimension((measureWidthMode == MeasureSpec.EXACTLY) ? measureWidth: viewGroupWidth,(measureHeightMode == MeasureSpec.EXACTLY) ? measureHeight: viewGroupHeight);}@Overrideprotected void onLayout(boolean changed, int l, int t, int r, int b) {int count = getChildCount();int lineWidth = 0;int lineHeight = 0;int top = 0, left = 0;for (int i = 0; i < count; i++) {View child = getChildAt(i);MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams();int childWidth = child.getMeasuredWidth() + lp.leftMargin+ lp.rightMargin;int childHeight = child.getMeasuredHeight() + lp.topMargin+ lp.bottomMargin;if (childWidth + lineWidth > getMeasuredWidth()) {// 如果换行,当前控件将跑到下一行，从最左边开始，所以left就是0，而top则需要加上上一行的行高，才是这个控件的top点;top += lineHeight;left = 0;// 同样，重新初始化lineHeight和lineWidthlineHeight = childHeight;lineWidth = childWidth;} else {lineHeight = Math.max(lineHeight, childHeight);lineWidth += childWidth;}// 计算childView的left,top,right,bottomint lc = left + lp.leftMargin;int tc = top + lp.topMargin;int rc = lc + child.getMeasuredWidth();int bc = tc + child.getMeasuredHeight();child.layout(lc, tc, rc, bc);// 将left置为下一子控件的起始点left += childWidth;}}}


这篇关于自定义ViewGroup控件（三）-----流式布局进阶（三）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1125343。

相关文章

HarmonyOS学习(七)——UI（五）常用布局总结

HarmonyOS学习(七)——UI（五）常用布局总结

自适应布局 1.1、线性布局（LinearLayout） 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列，Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距，达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式，且在各类尺寸屏幕上表现一致，其中交叉轴为垂直时，取值为Vert
阅读更多...
Spring Security 从入门到进阶系列教程

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门（一）：登录与退出》 《Spring-Security-入门（二）：基于数据库验证》 《Spring-Security-入门（三）：密码加密》 《Spring-Security-入门（四）：自定义-Filter》 《Spring-Security-入门（五）：在 Sprin
阅读更多...
【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
Java进阶13讲__第12讲_1/2

Java进阶13讲__第12讲_1/2

多线程、线程池 1.  线程概念 1.1  什么是线程 1.2  线程的好处 2.   创建线程的三种方式 注意事项 2.1  继承Thread类 2.1.1 认识  2.1.2  编码实现  package cn.hdc.oop10.Thread;import org.slf4j.Logger;import org.slf4j.LoggerFactory
阅读更多...
[MySQL表的增删改查-进阶]

[MySQL表的增删改查-进阶]

🌈个人主页：努力学编程’ ⛅个人推荐： c语言从初阶到进阶 JavaEE详解 数据结构 ⚡学好数据结构，刷题刻不容缓：点击一起刷题 🌙心灵鸡汤：总有人要赢，为什么不能是我呢 💻💻💻数据库约束 🔭🔭🔭约束类型 not null: 指示某列不能存储 NULL 值unique: 保证某列的每行必须有唯一的值default: 规定没有给列赋值时的默认值.primary key:
阅读更多...
【Linux 从基础到进阶】Ansible自动化运维工具使用

【Linux 从基础到进阶】Ansible自动化运维工具使用

Ansible自动化运维工具使用 Ansible 是一款开源的自动化运维工具，采用无代理架构（agentless），基于 SSH 连接进行管理，具有简单易用、灵活强大、可扩展性高等特点。它广泛用于服务器管理、应用部署、配置管理等任务。本文将介绍 Ansible 的安装、基本使用方法及一些实际运维场景中的应用，旨在帮助运维人员快速上手并熟练运用 Ansible。 1. Ansible的核心概念
阅读更多...
Flutter 进阶：绘制加载动画

Flutter 进阶：绘制加载动画

绘制加载动画：由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类：LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态，而 LoadingPainter 则负责绘制动画。
阅读更多...
自定义类型：结构体(续)

自定义类型：结构体(续)

目录 一. 结构体的内存对齐 1.1 为什么存在内存对齐？ 1.2 修改默认对齐数 二. 结构体传参 三. 结构体实现位段 一. 结构体的内存对齐 在前面的文章里我们已经讲过一部分的内存对齐的知识，并举出了两个例子，我们再举出两个例子继续说明： struct S3{double a;int b;char c;};int mian(){printf("%zd\n",s
阅读更多...
从0到1，AI我来了- （7）AI应用-ComfyUI-II（进阶）

从0到1，AI我来了- （7）AI应用-ComfyUI-II（进阶）

上篇comfyUI 入门 ，了解了TA是个啥，这篇，我们通过ComfyUI 及其相关Lora 模型，生成一些更惊艳的图片。这篇主要了解这些内容：         1、哪里获取模型？         2、实践如何画一个美女？         3、附录：               1）相关SD(稳定扩散模型的组成部分）               2）模型放置目录（重要）
阅读更多...
Spring 源码解读：自定义实现Bean定义的注册与解析

Spring 源码解读：自定义实现Bean定义的注册与解析

引言 在Spring框架中，Bean的注册与解析是整个依赖注入流程的核心步骤。通过Bean定义，Spring容器知道如何创建、配置和管理每个Bean实例。本篇文章将通过实现一个简化版的Bean定义注册与解析机制，帮助你理解Spring框架背后的设计逻辑。我们还将对比Spring中的BeanDefinition和BeanDefinitionRegistry，以全面掌握Bean注册和解析的核心原理。
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2