teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

文章修正

2017/07/23 15:38

投稿

keicha_hrs
keicha_hrs

スコア6768

answer CHANGED
@@ -1,3 +1,5 @@
1
+ 多分、Component Treeの表示とかそういう問題ではなく、ConstraintLayoutの使い方の問題でうまく配置ができないという話だと思うので、そのつもりで回答します。
2
+
1
3
  ConstraintLayoutでは、パーツに「制約(Constraint)」を与えなければ実行時に正しく配置されません。質問のレイアウトでは、Buttonには何の制約もないため、実行すると左上隅に寄った表示になってしまうと思います。
2
4
 
3
5
  制約を設定するには、まずレイアウトエディター上で配置したいパーツをクリックします。すると四辺の中央に丸印が表示されるでしょう。この丸印の上でマウス左ボタンを押しながらドラッグすると、矢印が伸びていきます。これを他のパーツまたはレイアウトの枠まで引っ張っていくと、連結されます。この状態でパーツを動かせば矢印も連動して伸び縮みして、置いた場所に応じて対象のパーツとの距離が設定されます。