☰

ConstraintLayout で要素を中央に配置する方法 質問する

tag-icon • tag-icon android android-layout android-constraintlayout
ConstraintLayout で要素を中央に配置する方法 質問する

私は自分のアプリケーションで、アプリケーション レイアウトを作成するために を使用しています。 1 つが中央に配置され、その下がmarginTop が 16dp のみのConstraintLayout画面を作成しようとしています。EditTextButtonButtonEditText

これが私のレイアウトと現在のスクリーンショットです。

アクティビティ認証コンテンツ.xml

<android.support.constraint.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:paddingLeft="16dp"
    android:paddingRight="16dp"
    tools:context="com.icici.iciciappathon.login.AuthenticationActivity">

    <android.support.design.widget.TextInputLayout
        android:id="@+id/client_id_input_layout"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <android.support.design.widget.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/login_client_id"
            android:inputType="textEmailAddress" />

    </android.support.design.widget.TextInputLayout>

    <android.support.v7.widget.AppCompatButton
        android:id="@+id/authenticate"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:text="@string/login_auth"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="@id/client_id_input_layout"
        app:layout_constraintRight_toRightOf="@id/client_id_input_layout"
        app:layout_constraintTop_toTopOf="@id/client_id_input_layout" />

</android.support.constraint.ConstraintLayout>

ここに画像の説明を入力してください

ベストアンサー1

もっと簡単な方法があります。レイアウト制約を次のように設定し、EditTextサイズが固定されている場合、中央に配置されますConstraintLayout。

app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"

左/右のペアはビューを水平方向に中央に配置し、上/下のペアはビューを垂直方向に中央に配置します。これは、左、右、または上、下の制約をビュー自体よりも大きく設定すると、ビューが 2 つの制約の中央に配置され、バイアスが 50% に設定されるためです。バイアスを自分で設定して、ビューを上下または左右に移動することもできます。少し操作してみると、ビューの位置にどのように影響するかがわかります。

おすすめ記事