代码之家  ›  专栏  ›  技术社区  ›  sir-haver

将两个项约束到线性布局的顶部和底部

  •  0
  • sir-haver  · 技术社区  · 5 年前

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/chatLayout"
        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="wrap_content">
    
        <ImageView
            android:id="@+id/chatPictureIV"
            android:layout_width="@dimen/chat_image_size"
            android:layout_height="@dimen/chat_image_size"
            android:scaleType="centerInside"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="@dimen/chat_image_size"
            android:orientation="vertical"
            app:layout_constraintStart_toEndOf="@+id/chatPictureIV"
            app:layout_constraintTop_toTopOf="parent">
    
            <TextView
                android:id="@+id/chatNameTV"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Top"
                android:layout_gravity="top"
                android:textStyle="bold"
                android:textSize="18sp" />
    
            <TextView
                android:id="@+id/chatStatusTV"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                android:text="Bottom"
                android:textSize="18sp" />
    
        </LinearLayout>
    
    </androidx.constraintlayout.widget.ConstraintLayout>
    

    但是,第二个文本视图确实出现在第一个文本视图的下面,但不限于线性布局的底部:

    enter image description here

    如何将底部文本约束到线性布局的底部?

    3 回复  |  直到 5 年前
        1
  •  1
  •   forpas    5 年前

    在这种情况下 RelativeLayout
    你所要做的就是设置属性 android:layout_alignParentTop android:layout_alignParentBottom true 对于这两个视图:

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/chatLayout"
        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="wrap_content">
    
        <ImageView
            android:id="@+id/chatPictureIV"
            android:layout_width="@dimen/chat_image_size"
            android:layout_height="@dimen/chat_image_size"
            android:scaleType="centerInside"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    
        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="@dimen/chat_image_size"
            app:layout_constraintStart_toEndOf="@+id/chatPictureIV"
            app:layout_constraintTop_toTopOf="parent">
    
            <TextView
                android:id="@+id/chatNameTV"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Top"
                android:layout_alignParentTop="true"
                android:textStyle="bold"
                android:textSize="18sp" />
    
            <TextView
                android:id="@+id/chatStatusTV"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:text="Bottom"
                android:textSize="18sp" />
    
        </RelativeLayout>
    
    </androidx.constraintlayout.widget.ConstraintLayout>
    
        2
  •  1
  •   Héctor Quintero    5 年前

    您可以尝试使用嵌套的LinearLayout,如下所示:

    <LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:orientation="vertical"
    app:layout_constraintStart_toEndOf="@+id/chatPictureIV"
    app:layout_constraintTop_toTopOf="parent">
    
    <TextView
        android:id="@+id/chatNameTV"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Top"
        android:layout_gravity="top"
        android:textStyle="bold"
        android:textSize="18sp" />
    
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="bottom"
        android:orientation="vertical">
    
        <TextView
            android:id="@+id/chatStatusTV"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:text="Bottom"
            android:textSize="18sp" />
    </LinearLayout>
    

        3
  •  0
  •   Kishan Maurya    5 年前

    这边试试

    <TextView
                android:id="@+id/chatNameTV"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Top"
                android:gravity="top"
                android:layout_gravity="top"
                android:textStyle="bold"
                android:textSize="18sp" />
    
            <TextView
                android:id="@+id/chatStatusTV"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_gravity="bottom"
                android:text="Bottom"
                android:gravity="bottom"
                android:textSize="18sp" />
    
        4
  •  0
  •   Mir Milad Hosseiny    5 年前

    不需要使用任何嵌套的视图组。基于 Performance and view hierarchies 最好在平面层次结构中通过根ConstraintLayout来处理它。

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/chatLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    
        <ImageView
            android:id="@+id/chatPictureIV"
            android:layout_width="@dimen/chat_image_size"
            android:layout_height="@dimen/chat_image_size"
            android:scaleType="centerInside"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    
    
        <TextView
            android:id="@+id/chatNameTV"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Top"
            android:textSize="18sp"
            android:textStyle="bold"
            app:layout_constraintStart_toEndOf="@+id/chatPictureIV"
            app:layout_constraintTop_toTopOf="@id/chatPictureIV" />
    
        <TextView
            android:id="@+id/chatStatusTV"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:text="Bottom"
            android:textSize="18sp"
            app:layout_constraintBottom_toBottomOf="@id/chatPictureIV"
            app:layout_constraintStart_toEndOf="@+id/chatPictureIV" />
    
    
    </androidx.constraintlayout.widget.ConstraintLayout>