テキストを画面の中央揃えにできた
前回、Androidstudioのlayout(レイアウト)でテキストを中央に配置する方法の続きです。テキストビューやボタンを並べていきます。
![](https://eguweb.jp/wp-content/uploads/202003301922-00-1.jpg)
layout_constraint
おさらい。layout_constraintで配置を設定できます。
属性 | 効果 | RelativeLayout |
---|---|---|
layout_constraintEnd_toStartOf | 指定したViewの左側に配置 | layout_toStartOf |
layout_constraintStart_toEndOf | 指定したViewの右側に配置 | layout_toEndOf |
layout_constraintRight_toLeftOf | 指定したViewの左側に配置 | layout_toLeftOf |
layout_constraintLeft_toRightOf | 指定したViewの右側に配置 | layout_toRightOf |
layout_constraintBottom_toTopOf | 指定したViewの上側に配置 | layout_above |
layout_constraintTop_toBottomOf | 指定したViewの下側に配置 | layout_below |
上部を調整する
layout_marginTopを指定すると、上部からの数値を指定することができます。
![](https://eguweb.jp/wp-content/uploads/202003301949-00-1024x742.jpg)
![](https://eguweb.jp/wp-content/uploads/202003301954-01-1024x779.jpg)
![](https://eguweb.jp/wp-content/uploads/202003301955-00-1024x832.jpg)
位置関係を繋いでいく
ツリーマップのように、要素同士の位置関係を繋いでいきます。これがずれると、ボタンやテキストの位置がおかしなことになるので、・・・慎重に。
![](https://eguweb.jp/wp-content/uploads/d4822708152c4fe58877d772ba4df1b2.jpg)
水平位置も指定
横の位置関係も設定しないと上手く配置がされません。画面の端、他の要素の上、など順番に配置していきます。
![](https://eguweb.jp/wp-content/uploads/202003301955-00-1-1024x832.jpg)
あとは、順番に並べていく
あとは、順番に並べていきます。
![](https://eguweb.jp/wp-content/uploads/202003301958-00.jpg)
![](https://eguweb.jp/wp-content/uploads/202003302012-00-1024x834.jpg)
![](https://eguweb.jp/wp-content/uploads/202003302012-00-1-1024x834.jpg)
完成
ひと通り順番に並べていくと、完成です!
![](https://eguweb.jp/wp-content/uploads/f5d848c79c9411996c960db342beee64-1.jpg)
![](https://eguweb.jp/wp-content/uploads/202003302023-00-1024x634.jpg)
![](https://eguweb.jp/wp-content/uploads/b6a9e5c8519171046018f05204686918.jpg)
位置関係がひとつでもずれると、あとで修正が大変ですので、・・・慎重に!
ご参考下さい^o^)/