Android TextView实现单行显示且左右相邻控件布局

效果预期

项目中遇到一种UI效果,如下图: 在这里插入图片描述

  • 控件1是一个ImageView,位置固定;
  • 控件2是一个TextView,单行显示,内容可变,可长可短;
  • 控件3是一个TextView,内容固定,但是需要紧邻着控件2,根据控件2的内容长度变化而变化。但不能超出屏幕右侧。

实现思路

控件2要实现单行并且超长要显示省略号,前提必须是控件的宽度固定。宽度固定为两种,一种是直接写死控件的宽度,另一种就是填充剩余空间宽度。因为这里控件2在控件1和控件3的中间,显然只能用第二种填充剩余空间宽度。这种方式用的比较多的就是线性布局,设置控件2的layout_weight属性。控件1和控件3使用自适应内容的宽度属性,代码如下:

    <!--中间控件占用全部空间-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:layout_margin="10dp">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/icon_cat"/>
        <TextView
            android:layout_marginStart="10dp"
            android:layout_marginEnd="10dp"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="我会占用中间的全部控件"
            android:textSize
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值