androidStudioの制約のやり方

Question

前提・実現したいこと

制約の指定方法を知りたいです。
またやり方が間違っていた場合は正しい制約の方法を教えて頂きたいです。

※下記の例は全てデザイン画面での作業です。
例：ボタン１のbottomの制約でボタン２のtopを指定する(ここは上手くいく)
次にボタン２を選択し、ボタン２のtopの制約でボタン１のbottomを指定しようとすると指定自体ができない

発生している問題・エラーメッセージ

制約設定時に白い〇が表示されず、そのままボタンまでドラッグしても反応がありませんでした。

試したこと

上記の方法ではできなかったのでコード画面から下記のように記述すると

<Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="60dp"
        android:text="Button"
        app:layout_constraintBottom_toTopOf="@+id/button3"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="84dp"
        android:text="Button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button2" />

写真のようになり、上手くいってるように見えますがこの状態だと上のボタンの位置をドラッグで変更できないようになってしまいます。

これはそもそも制約のやり方が間違っているのでしょうか？
初歩中の初歩の事だと思いますがご教示お願い致します。

Comments

[hoshi-takanori]

> ボタン１のbottomの制約でボタン２のtopを指定
> ボタン２のtopの制約でボタン１のbottomを指定
お互いを制約し合うのはあまり良くないと思います。どういうレイアウトにしたいかによりますが、
1. ボタン1の位置を (画面の一番上から何ピクセルなど) 先に決めて、ボタン1の位置を基準にボタン2の位置を決める場合
・ボタン1の bottom は制約しない
・ボタン2の top をボタン1の bottom に制約する
2. ボタン2の位置を (画面中央など) 先に決めて、ボタン2の位置を基準にボタン1の位置を決める場合
・ボタン2の top, bottom は parent に制約する
・ボタン1の bottom をボタン1の top に制約する
という感じにするのがいいと思います。

[j.f15]

回答ありがとうございます。
やはりお互いを制約し合うことは良くないんですね。サイトを見ても制約し合っていなかったので疑問に思っていました。
本当にありがとうございます。

あと、私の知りたかった情報なので回答欄に書いてもらえればベストアンサーにいたしますよ。
さすがに長時間過ぎれば自己解決で書かせてもらいますが。

Answer 1

ボタン１のbottomの制約でボタン２のtopを指定
ボタン２のtopの制約でボタン１のbottomを指定

お互いを制約し合うのはあまり良くないと思います。どういうレイアウトにしたいかによりますが、

1. ボタン1の位置を (画面の一番上から何ピクセルなど) 先に決めて、ボタン1の位置を基準にボタン2の位置を決める場合

・ボタン1の bottom は制約しない
・ボタン2の top をボタン1の bottom に制約する

1. ボタン2の位置を (画面中央など) 先に決めて、ボタン2の位置を基準にボタン1の位置を決める場合

・ボタン2の top, bottom は parent に制約する
・ボタン1の bottom をボタン1の top に制約する

という感じにするのがいいと思います。