Android 2视图的简单布局

时间:2018-08-21 18:03:13

标签: android android-layout

不明白如何实现简单的东西。 我需要布局2个具有下一个行为的视图:

短文本时,

按钮应位于文本右侧

当文本较长时,它会变成椭圆形,并且按钮始终可见且全角

现在我知道该按钮不在屏幕上

1 个答案:

答案 0 :(得分:6)

您可以使用ConstraintLayout来实现。这是一个模板:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/text"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Hello world"
        android:maxLines="1"
        android:ellipsize="end"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintHorizontal_bias="0"
        app:layout_constraintWidth_default="wrap"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/button"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="HELLO WORLD"
        app:layout_constraintLeft_toRightOf="@+id/text"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintBaseline_toBaselineOf="@+id/text"/>

</android.support.constraint.ConstraintLayout>

初始设置为:

  • 创建一个包含文本和按钮的水平链
  • 将链样式设置为“打包”,以使视图之间没有空格
  • 将水平偏差设置为0,以使打包视图向左拥抱

神奇之处在于TextView的宽度和app:layout_constraintWidth_default属性。通过将宽度设置为0dp并包装“默认宽度”,我们告诉Android为视图提供足够的空间以容纳其内容,只要它适合约束。当文本真的很长时,约束条件将阻止它从屏幕右侧按下按钮。

enter image description here

enter image description here