当前位置:   article > 正文

Android ConstraintLayout使TextView与ImageView在一行显示_android怎么把 textview和spinner放在一行

android怎么把 textview和spinner放在一行

Android ConstraintLayout使TextView与ImageView在一行显示

需要实现TextView 与 ImageView 在一行显示,并且 ImageView跟随在 TextView 后,如下效果:
在这里插入图片描述
在这里插入图片描述
代码:

`<TextView
        android:id="@+id/tv_text"
        app:layout_constraintStart_toStartOf="@+id/tv_title"
        app:layout_constraintEnd_toStartOf="@+id/iv_enable_credit_state"
        app:layout_constraintTop_toBottomOf="@+id/tv_title"
        android:layout_marginTop="20dp"
        android:text="¥100¥100¥100¥100¥100¥100¥100¥100¥100¥100"
        android:textSize="@dimen/app__fz_18"
        android:textColor="@color/text_price_yellow"
        app:layout_constraintHorizontal_chainStyle="packed"
        android:maxLines="1"
        android:ellipsize="end"
        app:layout_constrainedWidth="true"
        app:layout_constraintHorizontal_bias="0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
        
    <ImageView
        android:id="@+id/iv_image"
        android:layout_marginStart="5dp"
        app:layout_constraintLeft_toRightOf="@+id/tv_available_credit_number"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="@+id/tv_available_credit_number"
        app:layout_constraintBottom_toBottomOf="@+id/tv_available_credit_number"
        android:src="@mipmap/icon_arrow_top"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />`
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27

关键属性:

  1.     app:layout_constraintHorizontal_chainStyle="packed" 
    
    • 1
  2.     app:layout_constrainedWidth="true"
    
    • 1
  3.     app:layout_constraintHorizontal_bias="0"
    
    • 1

首先设置左右约束,建立链,使其在横向宽度内完全展开。
设置TextView的宽度为wrap_content,表示子view自己决定自己的宽度。ImageView设置固定大小。
设置layout_constraintHorizontal_chainStyle属性,多个view 成链以后,只要设置第一个即可,设置为packed,表示为多个view紧密相邻,这样做的目的是为了ImageView可以紧密的跟在TextView后面
在TextView上设置这两个属性
layout_constraintHorizontal_bias 表示在水平方向左右所占的比例,当设置为0的时候,那就是靠最左边展示,0.5左右比一样,1表示在最右边
layout_constrainedWidth 官方解释 Enforcing constraints ,强制约束,表示当我view为wrap_content时,强制约束在夫控件内
经过以上几个属性组合,就可以实现最开始的目标了。

————————————————
版权声明:本文为CSDN博主「lgp10122」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/lgp10122/article/details/111525496

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/242726
推荐阅读
相关标签
  

闽ICP备14008679号