コース: Androidアプリ開発基本講座：Kotlinでユーザーインターフェイスを構築する
今すぐ登録して、23,000件以上登録されている、業界エキスパート指導のコースを受講しましょう。
制約でビューの場所を管理する
ConstraintLayout、 ViewGroup コンテナは 2018 年初めに導入されました。 それ以来 RelativeLayout などの 古い ViewGroup の コンポーネントの多くは ConstraintLayout に 置き換えられました。 パフォーマンスに優れ、 メモリー効率が良く、 信頼性が高いからです。 従来の ViewGroup コンポーネントとは 異なり ConstraintLayout は、 独自のライブラリに格納され、 モジュールの Gradle ファイルに 依存関係宣言が設定されると、 プロジェクトにインポートされます。 Gradle Scripts の下に build.gradle、 Module レベルですね。 あります。 その中の dependencies の中に constraintlayout があります。 AndroidX パッケージを 使用しているので、 パッケージは androidx.constraintlayout です。 layout ファイルに戻って、 デザインモードに戻り、 ボタンを ConstraintLayout の中に ドラッグします。 ボタンをこのように ConstraintLayout の中に配置すると、 特定の場所に配置したように見えますが、 実際はどうでしょうか。 仮想デバイスで確認してみます。 仮想デバイスで確認すると、 ボタンは ConstraintLayout の 左上隅に表示されます。 これを修正するには、 制約を追加する必要があります。 （音声なし） 左と 上に制約を貼り... 貼ります。 もう一度仮想デバイスで 実行してみましょう。 今度は実際に デザイン画面と仮想デバイス上の ボタンの位置が 一致しました。 ボタンを水平に中央揃えしたい場合は、 右端に制約を貼ります。 これらのギザギザの 線に注目してください。 Button コンポーネントが サイズを変更せず、 代わりにボタンと 端の間のスペースの量が 変更されることを示す 視覚的なインジケーターです。 ボタンが使用可能なスペースを 埋めるように変更する場合は、 テキストモードに移行して、 幅を、 layout_width ですね、 wrap_content から 0dp に変更します。…
エクササイズファイルを使って実践してみましょう。
インストラクターがコースで使用しているファイルはダウンロードできます。見て、聞いて、練習することで、理解度を深めることができます。
コースをダウンロードして学習しましょう。
ラーニングコースをダウンロードしてオフラインで視聴しましょう。ダウンロードしたコースはLinkedInラーニングのモバイルアプリ (iOSまたはAndroid) で視聴できます。