Androidレイアウトデザインチュートリアル:知っておくべきことすべて



このAndroidレイアウト設計チュートリアルは、デモでビューとビューグループを使用してレイアウトを設計する方法を理解するのに役立ちます。

初めての方 、レイアウト設計についての学習を開始するのに最適な場所に着陸しました。 Androidレイアウト設計チュートリアルに関するこの記事は、より良いUIデザインを作成するためのいくつかの便利なヒントと、UIのデザイン方法についても説明します。

以下のトピックについて説明します。





それでは、始めましょう!

Javaでロガーファイルを作成する方法

Androidレイアウトデザインチュートリアル:UIコンポーネントの概要

UIコンポーネントについて言えば、Androidアプリケーションの一般的なUIは、次のコンポーネントで構成されています。



  • メインアクションバー
  • ビューコントロール
  • コンテンツエリア
  • スプリットアクションバー

これらは、複雑なアプリケーションを開発する際に大きな役割を果たします。この記事のデモセクションにアクセスすると、これを明確に理解できます。

UIデザインのカスタマイズに役立つもう1つの重要な要素は、ビューコンポーネントです。

ビューとは何かを見てみましょう



Androidレイアウトデザインチュートリアル: ビュー

見る から実際に作成される適切なユーザーインターフェイスの基本的な構成要素と見なされます クラスを見る 。これは画面上の長方形の領域を占め、最終的には描画とイベント処理を処理します。

ビューはウィジェットの基本クラスであり、ボタンやテキストフィールドなどのインタラクティブなUIコンポーネントを作成するために使用されます。ここで、長方形の領域またはボックスについて説明します。これは、画像、テキスト、ボタン、またはAndroidアプリケーションが表示できるものなら何でも。ここの長方形は実際には見えませんが、すべてのビューが長方形の形状を占めています。

あなたは質問があるかもしれません、この長方形のサイズは何でしょうか?

答えは、正確なサイズを(適切な単位で)指定するか、事前定義された値を使用して手動で設定できることです。これらの事前定義された値は match_parentandwrap_content。 この match_parent デバイスのディスプレイで使用可能なスペース全体を占めることを意味します。一方、 wrap_content コンテンツを表示するのに必要なだけのスペースを占めることを意味します。

次に、ViewとViewGroupの主な違いを指摘しましょう。

見る

  1. 見る オブジェクトは、AndroidのUI要素の基本的な構成要素です。
  2. ビューは、ユーザーのアクションに応答する単純な長方形のボックスです。
  3. Viewは、すべてのUIクラスの基本クラスであるandroid.view.Viewクラスを指します。
  4. 例としては、EditText、Button、CheckBoxなどがあります。

ViewGroup

  1. ViewGroup ViewとViewGroupを保持する非表示のコンテナです。
  2. ViewGroupは、の基本クラスです。 レイアウト
  3. たとえば、LinearLayoutは、Button(View)を含むViewGroupであり、他のレイアウトも含まれます。

それでは、先に進んで、存在するレイアウトを理解しましょう。

Androidレイアウトデザインチュートリアル: レイアウトの種類

レイアウト アプリケーションのユーザーインターフェイスの構造を定義します。レイアウト内のすべての要素は、次の階層を使用して構築されます。 見る そして ViewGroup オブジェクト。

それでは、レイアウトを宣言する方法を見てみましょう。

レイアウトは次の2つの方法で宣言できます。

  • XMLでUI要素を宣言します。 Androidは、ウィジェットやレイアウト用など、Viewクラスとサブクラスに対応する簡単なXMLボキャブラリーを提供します。

注意: Android Studioのレイアウトエディターを使用して、ドラッグアンドドロップインターフェイスを使用してXMLレイアウトを作成することもできます。

  • でレイアウト要素をインスタンス化します 実行時間 。アプリケーションは作成できます 見る そして ViewGroup オブジェクトを作成し、それらのプロパティをプログラムで操作します。

さまざまなタイプのレイアウトについて説明しましょう。

AndroidのUIは、ビューとビューグループの階層です。 ViewGroupsは階層内の中間ノードになり、ビューはターミナルノードになります。

  • 線形レイアウト
  • 絶対レイアウト
  • 相対レイアウト
  • テーブルレイアウト
  • フレームレイアウト

それらについて詳しく説明しましょう。

線形レイアウト

線形レイアウトは、各行に1つの要素を配置するために使用されます。したがって、すべての要素が上から下に整然と配置されます。これは、Androidでフォームを作成するために非常に広く使用されているレイアウトです。これは、すべての子を垂直または水平に一方向に整列させるビューグループと呼ばれることもあります。

絶対レイアウト

絶対レイアウトでは、配置する各コントロールの正確な座標を指定できます。このタイプのレイアウトでは、各コントロールの正確なX座標とY座標を指定できます。子の正確な場所を指定できます。

相対レイアウト

相対レイアウトは ViewGroup 子ビューを相対位置で表示します。君は他の要素との関係で、または親コンテナとの関係で要素の位置を指定できます。

テーブルレイアウト

テーブルレイアウトを使用すると、行と列を含むテーブルを作成し、その中に要素を配置できます。各行で、1つ以上の要素を指定できます。このコマンドを使用して、新しいテーブルレイアウトを作成できます。

フレームレイアウト

フレームレイアウトは、各画面に1つのアイテムを表示する場合に使用されます。フレームレイアウトを使用すると、複数のアイテムを持つことができます。このフレームレイアウトは、単一のビューを表示するために使用できる画面上のプレースホルダーです。

Androidレイアウトデザインチュートリアル: 測定単位

Android UIで要素のサイズを指定するときは、次の測定単位を必ず覚えておく必要があります。

単位 説明
dp 密度に依存しないピクセル。 1dp 上の1ピクセルに相当します 160dpi 画面。
sp 独立したピクセルをスケーリングします。これはdpと非常に似ていますが、フォントサイズを指定する場合に推奨されます。
pt ポイント。ポイントは1/72インチと定義されています。
px ピクセル。画面上の実際のピクセルに対応します

それでは、この記事の最後のトピックに進みましょう。

Androidレイアウトデザインチュートリアル: デモ

このデモセクションでは、でレイアウトを操作する方法を理解しましょう Android Studio

を参照してください AndroidStudioに。

これがレイアウトの様子です。ドローアブルを選択するだけで、いくつかのクラスが見つかります。このドローアブルの下にある他のクラスを選択してください。レイアウト構造をコーディングするか、デザインを表示して、コンポーネントをデザインスペースにドラッグアンドドロップすることができます。

デモ-Androidレイアウトデザインチュートリアル-Edureka

選択したコンポーネントは、コンポーネントツリーの下に表示されます。

これらはレイアウトにもあります。

  1. パレット :これは、レイアウトにドラッグできるビューとビューグループのリストを保持します。
  2. 成分 :レイアウトのビュー階層で構成されます。
  3. ツールバー :エディターでレイアウトの外観を構成し、いくつかのレイアウト属性を変更するためのボタン。
  4. デザインエディター :デザインビューまたはブループリントビュー、あるいはその両方のレイアウト。デザインスペースとも考えられます。
  5. 属性 :選択したビューの属性を制御します。

これで、「Androidレイアウトデザインチュートリアル」に関するこの記事は終わりです。このチュートリアルであなたと共有されていることを皆さんが明確に理解していることを願っています。Android開発のキャリアについては、他のブログや幸運をお楽しみに。

Androidレイアウトデザインの基本を理解したので、 25万人以上の満足した学習者のネットワークを持つ信頼できるオンライン学習会社であるEdurekaが世界中に広がっています。

EdurekaのAndroidアプリ開発認定トレーニングコースは、Android開発者になりたい学生や専門家を対象としています。このコースは、Javaプログラミングをすぐに開始できるように設計されており、Androidでアプリを作成することが期待されるプロジェクトとともに、コアコンセプトと高度なコンセプトの両方についてトレーニングします。

質問がありますか?この「Androidレイアウトデザインチュートリアル」ブログのコメントセクションでそのことを伝えてください。できるだけ早くご連絡いたします。