ConstraintLayout(约束布局)替代LinearLayout权重,解决多View一行省略问题

news2024/11/24 11:32:31

 1.看上面的设计图中圈红的地方:左边设计图是一张直播间消息流,其中标红的消息流意思是:
用户的等级标签(一张图片)+ 用户名字+写死的文案send,要求这三个View写一行,但是当用户名字过长时会让用户名出现.......省略
右边一张设计图是大家常见的聊天列表(Conversation list ),其中圈红的地方一般要求:
用户名字+多个用户标签+最后一条消息的时间(常驻最右边),如果用户名字过长时,用户名字要省略展示成结尾......

 2.之前常规写法:一般涉及到文字放不下要省略时,长把View长度写死或者利用LinearLayout权重,给View设置权重,也就是动态设置View的宽度

设计图1圈红的地方的常规写法:

 <LinearLayout
        android:id="@+id/ll_user_info"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:orientation="horizontal">
        
        <ImageView
            android:id="@+id/iv_vip_tag"
            style="@style/VipLevelTag"
            android:layout_marginEnd="4dp"
            android:visibility="gone"
            tools:visibility="gone" />
        
        <ImageView
            android:id="@+id/iv_svip_tag"
            style="@style/SVipLevelTag"
            android:layout_marginEnd="4dp"
            android:visibility="gone" />
        
        <TextView
            android:id="@+id/tv_send_user_name"
            style="@style/TextStyleRobotoMedium"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:shadowColor="#66000000"
            android:shadowDx="0"
            android:shadowDy="1"
            android:shadowRadius="3.0"
            android:singleLine="true"
            android:textColor="#ffdddddd"
            android:textSize="12sp"
            tools:text="WWWWWWWWWWWWWWWWWWWW" />
        
        <TextView
            style="@style/TextStyleRobotoMedium"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="15dp"
            android:shadowColor="#66000000"
            android:shadowDx="0"
            android:shadowDy="1"
            android:shadowRadius="3.0"
            android:singleLine="true"
            android:text="@string/send_gift_sender_chat_message"
            android:textColor="#ffdddddd"
            android:textSize="12sp" />
    
    </LinearLayout>
    

这种写法如果单独一个View是可以的,但是如果此View是Adapter的Item 可能会出现View复用测量错误的情况,基于这个原因,将此布局用ConstraintLayout实现

ConstraintLayout(约束布局)实现代码:

  <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/ll_user_info"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/iv_svip_tag"
            style="@style/SVipLevelTag"
            android:visibility="gone"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <ImageView
            android:id="@+id/iv_vip_tag"
            style="@style/VipLevelTag"
            android:layout_marginStart="4dp"
            android:visibility="gone"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toEndOf="@+id/iv_svip_tag"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_goneMarginStart="0dp" />

        <TextView
            android:id="@+id/tv_send_user_name"
            style="@style/TextStyleRobotoMedium"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="4dp"
            android:shadowColor="#66000000"
            android:shadowDx="0"
            android:shadowDy="1"
            android:shadowRadius="3.0"
            android:singleLine="true"
            android:textColor="#ffdddddd"
            android:textSize="12sp"
            app:layout_constrainedWidth="true"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/tv_send"
            app:layout_constraintHorizontal_bias="0"
            app:layout_constraintHorizontal_chainStyle="packed"
            app:layout_constraintStart_toEndOf="@+id/iv_vip_tag"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_goneMarginStart="0dp"
            tools:text="WWWWWWWWWWWWWWWWWWWW" />

        <TextView
            android:id="@+id/tv_send"
            style="@style/TextStyleRobotoMedium"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="2dp"
            android:layout_marginEnd="15dp"
            android:shadowColor="#66000000"
            android:shadowDx="0"
            android:shadowDy="1"
            android:shadowRadius="3.0"
            android:singleLine="true"
            android:text="@string/send_gift_sender_chat_message"
            android:textColor="#ffdddddd"
            android:textSize="12sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@id/tv_send_user_name"
            app:layout_constraintTop_toTopOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>

这里面有几点注意:用户名字那里要加:

app:layout_constrainedWidth="true" 这样才能保证后面的send 显示出来
app:layout_constraintHorizontal_bias="0" 

备注:app:layout_constraintHorizontal_bias="" 水平偏移 取值范围是0-1的小数 app:layout_constraintVertical_bias="" 垂直偏移 取值范围是0-1的小数

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/783083.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

数据结构双向循环链表,增删改查基本操作

一、双向循环链表的描述 和单链表的循环类似&#xff0c;双向链表也可以有循环表&#xff0c;循环表的引进是为了弥补双向链表不能向前遍历的弊端。 在双向循环链表中&#xff0c;头结点的直接前驱为尾结点&#xff0c;而尾结点的直接后继为头结点。 二、双向循环链表的存储结…

黑马B站视频JAVA部分的知识与学习-【思维导图知识范围】

JAVA本系列黑马的JAVA学习路线–详解JAVA部分的学习语言视频选择收录专辑链接C张雪峰推荐选择了计算机专业之后-在大学期间卷起来-【大学生活篇】JAVA黑马B站视频JAVA部分的知识范围、学习步骤详解JAVAWEB黑马B站视频JAVAWEB部分的知识范围、学习步骤详解SpringBootSpringBoot知…

如何在 Outlook 中将导航栏从左侧移动到底部?

对于最新版本的 Outlook 的用户&#xff0c;这是 Microsoft 365 MSO&#xff08;版本 2211 内部版本 16.0.15831.20098&#xff09;&#xff0c;您可以更快地完成工作。 Office 刚刚在最新版本的 Outlook 365 中添加了一个选项。由于这次更新&#xff0c;您只需单击几下即可将导…

RT-Thread快速入门-定时器管理

1时钟节拍 任何操作系统都需要提供一个时钟节拍&#xff0c;以供系统处理所有和时间有关的事件&#xff0c;如延时、线程的时间片轮转调度以及定时器超时等。时钟节拍&#xff08;OS Tick&#xff09;是操作系统中最小的时间单位。 时钟节拍是特定的周期性中断&#xff0c;这…

求100以内的素数和!!!

1.我在写这段代码是就遇到了这么一个问题&#xff0c;我认为&#xff1a; if (i % j 0) { break; } 只要满足这段代码就认为是素数&#xff0c;其实不是&#xff0c;素数的定义是只有1和它本身可以整除&#xff0c;而这段代码&#xff0c;是只要能够整除就认为是素数 &#…

58. 最后一个单词的长度

题目链接&#xff1a;力扣 解题思路&#xff1a;简单题&#xff0c;没什么好说的 方法一&#xff1a;直接调用String类的split分割函数&#xff0c;以单个空格字符进行分割&#xff0c;则分割后生成数组的最后一个元素的长度即所求 AC代码 class Solution {public int lengt…

ARM--LED灯点亮

LED1,LED2,LED3亮灯 .text .global _start_start: /**********LED1点灯--->PE10**************//*初始化RCC章节*/通过RCC_MP_AHB4ENSETR寄存器,使能GPIOs组控制器 0x500000A28[4] 1RCC_INIT: E组和F组一起使能ldr r0,0x50000A28 ldr r1,[r0]orr r1,r1,#(0x3 << 4)s…

IDEA汉化插件

一、使用IDEA插件功能 重启IDEA 二、下载中文包 手动注入 进官网找自己IDEA对应版本的&#xff0c;下载压缩包&#xff1a;点我进官网 看自己的IDEA版本 把压缩包拖进去&#xff0c;IDEA里打开着文件也没关系 重启IDEA

2023最新版本Activiti7系列-整合SpringBoot

和SpringBoot项目整合 首先我们来实现Activiti7和SpringBoot的整合。便于我们后续相关知识内容的讲解。我们在此处使用的环境版本是&#xff1a; Activiti7&#xff1a;7.1.0.M2SpringBoot&#xff1a;2.4.2JDK的版本是&#xff1a;1.8 要注意Activiti7和SpringBoot的版本要对…

学无止境·运维高阶①(数据库备份)

数据库多种备份 练习1、创建数据库school&#xff0c;创建student和score表2、为student表和score表增加记录3、备份数据库school到/backup目录4、备份MySQL数据库为带删除表的格式&#xff0c;能够让该备份覆盖已有数据库而不需要手动删除原有数据库5、直接将MySQL数据库压缩备…

Vue中rander函数作用

这是一个main.js&#xff1a;把原本的rander函数注释掉&#xff0c;换成我们之前会的template模板样式。运行看一下&#xff1a; /*该文件是整个项目的入口文件 * */ //引入vue import Vue from vue //引入APP组件&#xff0c;它是所有组件的父组件 // import App from ./App.…

SpringBoot开发符合S3协议的文件存储服务

背景 公司最近的业务大量涉及安可项目&#xff0c;要求避免使用第三方组件&#xff0c;原有开发框架支持本地文件存储/Minio/各类云存储&#xff0c;现在要求文件独立存储且文件服务需要自研&#xff0c;经调研评估后决定基于SpringBoot开发文件存储服务&#xff0c;使用s3协议…

知识库数据导出为excel-使用JavaScript实现在浏览器中导出Excel文件

我们智能客服知识库机器人已经开发完成&#xff0c;后端数据库是使用的qdrant向量数据库&#xff0c;但是该数据库并没有导出备份功能&#xff0c;所以我按简单的纯前端实现知识库导出excel数据 使用第三方库(如SheetJS) SheetJS是一个流行的JavaScript库&#xff0c;可帮助处理…

Linux の shell 基本语法

变量 shell中变量比较特殊&#xff0c;变量名和等号之间不能有空格。其它的跟常见的变成语言类似 命名规则&#xff1a; 命名只能使用英文字母&#xff0c;数字和下划线&#xff0c;首个字符不能以数字开头。 中间不能有空格&#xff0c;可以使用下划线 _。 不能使用标点符号。…

了解一下启动类如何运行

Run 我最初以为就是运行了一个main方法&#xff0c;没想到去开启了一个服务。 package com.qf;import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; //SpringBootApplication&#xff1a;标注这个类是…

Maven的热部署devtools

最近在搞springbootmaven项目&#xff0c;每次重启很烦人&#xff0c;才想起以前的热部署devtool依赖没添加。 在搭建springboot项目中往controller类加入注解RestController RequestMapping后&#xff0c;我们就可以通过http请求访问结果&#xff0c;可当我修改代码或增加文件…

ElasticSearch学习--搜索

目录 DSL查询文档 DSL查询分类 match_all 总结 全文检索查询 match multi_match​编辑 总结 精准查询 ids range&#xff0c;term 地理坐标查询 geo_bounding_box geo_distance 组合(复合)查询 总结 Function Score Query 复合查询Boolean Query 案例 搜索结果处…

菜鸡shader:L12 SD处理贴图制作时钟动画

文章目录 SD处理贴图Shader代码C#代码最后效果 SD处理贴图 呃呃感觉这节课&#xff0c;很大一部分都是在将怎么用SD来处理贴图&#xff0c;在这里就简单放一下课上的截图吧&#xff0c;我也跟着做了一下&#xff0c;虽然表盘十二个数排列间隔不一样&#xff0c;但还是稀碎地做…

【ARM Cache 系列文章 2 -- Cache Coherence及内存顺序模学习】

文章目录 Cache Coherence 背景1.1 内存顺序模型简介(Memory Model)1.1.1 Normal Memory1.1.2 Device Memory 1.2 Cache 一致性问题解决方案1.2.1 Shareability 属性1.2.2 Non-Shareable 属性1.2.3 Inner-Shareable 属性1.2.4 Out-Shareable 属性 1.3 Shareability 和 PoC/PoU …

【MATLAB第59期】基于MATLAB的混沌退火粒子群CSAPSO-BP、SAPSO-BP、PSO-BP优化BP神经网络非线性函数拟合预测/回归预测对比

【MATLAB第59期】基于MATLAB的混沌退火粒子群CSAPSO-BP、SAPSO-BP、PSO-BP优化BP神经网络非线性函数拟合预测/回归预测对比 注意事项 不同版本matlab 不同电脑 加上数据集随机&#xff0c;BP权值阈值随机&#xff0c;进化算法种群随机&#xff0c;所以运行结果不一定和我运行…