如何連續對齊2個影像視圖？

這是我的 xml 代碼，我想在行中設定兩個影像

XML 代碼

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp"
    android:background="#ffffff"
    tools:context=".SplashActivity">

    <ImageView
        android:layout_width="340dp"
        android:layout_height="340dp"
        android:layout_gravity="left"
        android:src="@drawable/ic_2"
        android:text="Hello World!"
        android:tint="#ff0000"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.498"
        tools:layout_editor_absoluteX="-52dp" />

    <ImageView
        android:layout_width="340dp"
        android:layout_height="340dp"
        android:layout_gravity="right"
        android:src="@drawable/ic_karo"
        android:text="Hello World!"
        android:tint="#0000b3"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.498"
        tools:layout_editor_absoluteX="123dp" />

</androidx.constraintlayout.widget.ConstraintLayout>

在 Android Studio Preview 中，它看起來很完美。但是當我在設備中安裝 APK 時，它不起作用

安卓作業室預覽：

這是我的設備預覽：

uj5u.com熱心網友回復：

您應該在父約束布局中使用 Linera Layout 而不是 Constraint Layout 或 Linear Leyout。可以直接使用以下代碼：

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp"
    android:background="#ffffff"
    tools:context=".SplashActivity">
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="340dp"
            android:layout_height="340dp"
            android:layout_gravity="left"
            android:src="@drawable/ic_2"
            android:text="Hello World!"
            android:tint="#ff0000"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.498"
            tools:layout_editor_absoluteX="-52dp" />

        <ImageView
            android:layout_width="340dp"
            android:layout_height="340dp"
            android:layout_gravity="right"
            android:src="@drawable/ic_karo"
            android:text="Hello World!"
            android:tint="#0000b3"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.498"
            tools:layout_editor_absoluteX="123dp" />
    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

uj5u.com熱心網友回復：

正如我在評論中提到的，在 ImageView 中添加 layout_gravity 作為中心。我還編輯了代碼，因為您不能在影像視圖中使用文本。

<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff">
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:padding="10dp"
    android:orientation="horizontal">
    <ImageView
        android:layout_width="340dp"
        android:layout_height="340dp"
        android:layout_gravity="center"
        android:src="@drawable/ic_2"/>

    <ImageView
        android:layout_width="340dp"
        android:layout_height="340dp"
        android:layout_gravity="center"
        android:src="@drawable/ic_karo"/>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

希望這對您有用。

uj5u.com熱心網友回復：

我認為你應該嘗試使用線性布局

像這樣...

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="10dp"
android:orientation="horizontal"
android:gravity="center_vertical"
android:layout_gravity="center"
android:background="#ffffff">

<ImageView
    android:layout_width="340dp"
    android:layout_height="340dp"
    android:layout_gravity="center"
    android:src="@drawable/app_icon"
    android:text="Hello World!"
    android:tint="#ff0000"
    android:layout_weight="1"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.498"
    tools:layout_editor_absoluteX="-52dp" />

<ImageView
    android:layout_width="340dp"
    android:layout_height="340dp"
    android:layout_weight="1"
    android:layout_gravity="center"
    android:src="@drawable/app_icon"
    android:text="Hello World!"
    android:tint="#0000b3"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.498"
    tools:layout_editor_absoluteX="123dp" />

</LinearLayout>

uj5u.com熱心網友回復：

我可以看到您的問題，您可以使用 Constraint 布局屬性在行中設定兩個影像：-

開始開始

端到端

開始到結束

結束到開始

例如 ：-

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center">

    <ImageView
        android:id="@ id/button_save"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="4dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@ id/button_share"
        app:layout_constraintHorizontal_chainStyle="spread" />

    <ImageView
        android:id="@ id/button_share"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintStart_toEndOf="@ id/button_save"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />


</androidx.constraintlayout.widget.ConstraintLayout>

標籤：安卓 xml 安卓工作室 apk

上一篇：如何使用非阿拉伯字符在RTL中鍵入占位符字串

下一篇：java中如何在三種不同的方法之間傳遞變數