タグ付けされた質問 「android-constraintlayout」

柔軟な制約システムの上に構築されたAndroidサポートリポジトリで利用可能な新しいタイプのレイアウトで、ビューの位置を相互にマークします。


14
ConstraintLayoutをパーセント値で機能させるにはどうすればよいですか?
Android Studio 2.2のプレビュー1により、Googleはサポートライブラリに新しいレイアウトをリリースしましたConstraintLayout。ConstraintLayoutを使用すると、Android Studioでデザインツールを使用する方が簡単ですが、相対サイズ(パーセントまたはLinearLayoutのような「ウェイト」)を使用する方法が見つかりませんでした。パーセントに基づいて制約を定義する方法はありますか?たとえば、ビューが画面の40%を占めるようにし、ビュー間に20%のマージンを作成し、ビューの幅を別のビューの幅の50%に設定しますか?

6
ConstraintLayoutで要素を中央に配置する方法
私が使用していConstraintLayoutたアプリケーションのレイアウトを作るために自分のアプリケーションに。画面を作成wheren一つに私がしようとしていますEditTextし、Button中央にあるべきであり、Button以下のでなければなりませんEditTextmarginTopだけ16dpで。 これが私のレイアウトとスクリーンショットです。 activity_authenticate_content.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>


15
Android-スクロール可能な制約レイアウトを作成するにはどうすればよいですか?
制約レイアウトを使用して下にスクロールできるレイアウトを作成したいのですが、どうすればよいかわかりません。なければならないScrollViewの親にConstraintLayoutこのような? <?xml version="1.0" encoding="utf-8"?> <ScrollView 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:fillViewport="true"> <android.support.constraint.ConstraintLayout android:id="@+id/Constraint" android:layout_width="match_parent" android:layout_height="match_parent"/> またはその逆ですか?たぶん誰かがこれについての良いチュートリアルを私に指摘したり、例を挙げたりできますが、私はそれを見つけることができないようです。 また、これがバグか、設定していない構成かどうかはわかりませんが、次のような画像を見たことがあります。 ブループリントの「青い四角形」の外側にいくつかのコンポーネントがありますが、それらは表示されますが、私の側では、「ホワイトスペース」にコンポーネントを配置すると、コンポーネントを表示または移動できず、コンポーネントツリーに表示されます。 。 更新: デザインツールで制約レイアウトをスクロール可能にする方法を見つけました。水平ガイドラインを使用して制約レイアウトの境界を押し下げ、デバイスを超えて拡張しました。その後、ガイドラインを制約レイアウトの新しい下部として使用して、コンポーネントを固定します。


7
ConstraintLayout内のWrap_contentビューが画面の外側に広がる
を使用して簡単なチャットバブルを実装しようとしていConstraintLayoutます。これは私が達成しようとしていることです: ただし、wrap_content制約では正しく機能しないようです。マージンを尊重しますが、使用可能なスペースを適切に計算しません。これが私のレイアウトです: <?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" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:id="@+id/chat_message" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="16dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintHorizontal_bias="0" tools:background="@drawable/chat_message_bubble" tools:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sodales accumsan tortor at bibendum." android:layout_marginStart="64dp" android:layout_marginLeft="64dp" android:layout_marginEnd="32dp" android:layout_marginRight="32dp" android:layout_marginTop="8dp" android:layout_marginBottom="8dp" /> </android.support.constraint.ConstraintLayout> これは次のようにレンダリングされます。 使用していcom.android.support.constraint:constraint-layout:1.0.0-beta4ます。 私は何か間違ったことをしていますか?それはバグですか、それとも単なる直感的でない動作ですか?を使用して適切な動作を実現できますかConstraintLayout(他のレイアウトを使用できることがわかっているので、ConstrainLayout具体的に質問します)。

9
制約レイアウトでオーバーラップ/負のマージンを達成するにはどうすればよいですか?
オーバーラップを達成するために制約レイアウトで負のマージンを達成することは可能ですか?レイアウトの中央に画像を配置し、aとx dpが重なるようなテキストビューを作成しようとしています。負のマージン値を設定しようとしましたが、うまくいきませんでした。これを達成する方法があれば素晴らしいです。

5
ConstraintLayout:プログラムで制約を変更する
のサポートが必要ConstraintSetです。私の目標はコードでビューの制約を変更することですが、これを正しく行う方法がわかりません。 4 TextView秒と1つがありImageViewます。のImageViewいずれかに制約を設定する必要がありTextViewます。 check_answer4 = (TextView) findViewById(R.id.check_answer4); check_answer1 = (TextView) findViewById(R.id.check_answer1); check_answer2 = (TextView) findViewById(R.id.check_answer2); check_answer3 = (TextView) findViewById(R.id.check_answer3); correct_answer_icon = (ImageView) findViewById(R.id.correct_answer_icon); 第一の答えが正しければ、私は一連の制約のために必要ImageViewに app:layout_constraintRight_toRightOf="@+id/check_answer1" app:layout_constraintTop_toTopOf="@+id/check_answer1" 第二答えが正しければ、私は一連の制約のために必要ImageViewに app:layout_constraintRight_toRightOf="@+id/check_answer2" app:layout_constraintTop_toTopOf="@+id/check_answer2" 等々。

7
Android ConstraintLayout-あるビューを別のビューの上に置く
の上にを追加しようとしProgressBarていますButton(どちらも内にありますConstraintLayout)。 <Button android:id="@+id/sign_in_button" android:layout_width="280dp" android:layout_height="75dp" android:layout_marginBottom="75dp" android:layout_marginTop="50dp" android:text="@string/sign_in" android:textColor="@color/white" android:textSize="22sp" android:textStyle="bold" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toBottomOf="@+id/passwordEditText" app:layout_constraintVertical_bias="0.0"/> <ProgressBar android:id="@+id/progressBar" style="?android:attr/progressBarStyle" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintTop_toTopOf="@+id/sign_in_button" android:layout_marginTop="8dp" app:layout_constraintBottom_toBottomOf="@+id/sign_in_button" android:layout_marginBottom="8dp" app:layout_constraintVertical_bias="0.5" android:layout_marginLeft="8dp" app:layout_constraintLeft_toLeftOf="@+id/sign_in_button" android:layout_marginRight="8dp" app:layout_constraintRight_toRightOf="@+id/sign_in_button"/> しかしbringToFront、ProgressBarinを呼び出した後でもonCreate、常にの後ろに残りますButton。 ProgressBar progressBar = (ProgressBar)findViewById(R.id.progressBar); progressBar.bringToFront();

9
ScrollView内にConstraintLayoutを配置することは可能ですか?
そのため、最近、Android Studio 2.2では、設計を大幅に容易にする新しいConstraintLayoutが導入されましたが、RelativeLayoutおよびとLinearlayoutは異なり、を使用してScrollViewを囲むことはできませんConstraintLayot。これは可能ですか?もしそうなら、どうですか? すなわち <ScrollView 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" tools:layout_editor_absoluteX="0dp" tools:layout_editor_absoluteY="0dp"> <android.support.constraint.ConstraintLayout android:id="@+id/constraintLayout" android:layout_width="match_parent" android:layout_height="match_parent" tools:layout_editor_absoluteX="0dp" tools:layout_editor_absoluteY="0dp"> <!-- Have whatever children you want inside --> </android.support.constraint.ConstraintLayout> </ScrollView>

7
制約レイアウト垂直方向の中央揃え
制約レイアウトでオブジェクトを垂直方向に整列して中央に配置するにはどうすればよいですか?垂直方向または水平方向に位置合わせすることは可能ですが、2つのグリッド線の間にビューを制限する以外に、同時に中央に配置する方法が見つかりませんでした。 垂直方向の中央揃え: センタリングは、「centerInParent」、「centerVertical」、および「centerHorizo​​ntal」の相対レイアウトに戻らざるを得ない制約レイアウトの大きな問題のようです。 制約レイアウトを使用して、赤で囲まれたレイアウトを作成したいと思います。 残念ながら、2つのグリッド線を使用せずに見つけた唯一の方法は、ネストされた相対レイアウトと線形レイアウトを使用することです(これは、制約レイアウトがこの正確なシナリオを解決するはずでした!)。 相対レイアウトと線形レイアウトを使用したレイアウト: <RelativeLayout android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginTop="12dp" app:layout_constraintTop_toBottomOf="@id/user_points" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent"> <LinearLayout android:id="@+id/stat_1_layout" android:layout_width="60dp" android:layout_height="wrap_content" android:layout_marginLeft="12dp" android:layout_marginRight="12dp" android:layout_centerVertical="true" android:layout_toLeftOf="@+id/divider_1" android:orientation="vertical"> <TextView android:id="@+id/stat_1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:gravity="center_horizontal" android:text="10" android:textSize="16dp" android:textColor="@color/textSecondaryDark" android:maxLines="1"/> <TextView android:id="@+id/stat_detail_1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:gravity="center" android:text="Streak" android:textSize="8sp" android:textColor="@color/textSecondary" android:maxLines="1"/> </LinearLayout> <View android:id="@+id/divider_1" android:layout_width="1dp" android:layout_height="38dp" android:layout_toLeftOf="@+id/stat_2_layout" android:background="@drawable/linedivider"/> <LinearLayout …

11
ConstraintLayoutの制約に一致するように幅を設定する
ビューの左側と右側を親ビューのマージンに制限して、割り当てられたスペースを埋めるようにしたいと思います。しかし、いずれにも幅を設定するmatch_parentか、wrap_content同じ結果を生成するように見えます。 (match_parentおよびwrap_contentとは対照的に)match_constraintsに相当するものはありますか?やるmatch_parentとwrap_contentレイアウトに影響を与えるか、彼らは新しい制約レイアウトでは無視されますか? 私のお気に入りのプラットフォームにこの新しいレイアウトシステムを愛してください!
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.