Android 開発ノート 1.2 テスト開発環境

1つ

  • Android 統合開発環境をインストールした後、Android アプリケーションの作成方法を学び、Android アプリケーションの MVC アーキテクチャを理解する必要があります。コントロール層: MainActivity にコードを記述してプログラム ロジックを制御し、ビュー層: activity_main でユーザー インターフェイスを設計し、モデル層:文字列: XML で文字列データを定義します。

(1) Androidアプリの作成

  • 新しい Android プロジェクトを作成する
    ここに画像の説明を挿入します

  • Empty Activityテンプレートに基づいてここに画像の説明を挿入します

  • プロジェクトの基本情報を設定する
    ここに画像の説明を挿入します

  • [完了]ボタンをクリックします
    ここに画像の説明を挿入します

(2) Androidアプリの実行

  • ツールバーの緑色の実行ボタンをクリックします。
    ここに画像の説明を挿入します
  • シミュレーターを起動し、プログラムの実行結果を表示します。
    ここに画像の説明を挿入します
  • 画面中央にラベルがあります -Hello World

(3) 画面ラベルの設定

1. ラベルのテキスト属性を変更する

  • res\layout ディレクトリを開き、メイン レイアウト ファイルを開きますactivity_main.xml。デフォルトはデザイン ビューです。
    ここに画像の説明を挿入します

  • コードビューに切り替える
    ここに画像の説明を挿入します

  • android:text属性値の変更
    ここに画像の説明を挿入します

  • アプリケーションを再起動して効果を確認してください
    ここに画像の説明を挿入します

  • 画面のプロンプトを見ると、ハードコードされた文字列 (ハードコードされた文字列) を使用せず、@string リソースを使用することをお勧めします。
    ここに画像の説明を挿入します

  • res/valueしたがって、ディレクトリ内のstrings.xmlファイルに文字列変数を定義する必要がありますwelcome
    ここに画像の説明を挿入します

  • レイアウト構成ファイルactivity_main.xmlでこの文字列変数を呼び出します。welcome
    ここに画像の説明を挿入します

2. ラベルのフォントサイズと色を設定します

  • ラベルのフォント サイズと色を変更します。textSize - テキストのフォント サイズ、textColor - テキストの色
    ここに画像の説明を挿入します
  • アプリを再起動して効果を確認してください
    ここに画像の説明を挿入します

3. アプリケーションのタイトルを変更する

  • アプリリストで作成した Android アプリを見つけます -Test
    ここに画像の説明を挿入します
  • プログラムが実行され、アクティビティ バーのタイトルもアプリケーションの名前になります -Test
  • 文字列リソースファイル内の文字列変数app_nameの値を変更する
    ここに画像の説明を挿入します
  • アプリを再起動して効果を確認してください
    ここに画像の説明を挿入します
  • アプリを閉じてアプリリストを表示する
    ここに画像の説明を挿入します

(4) レイアウトの変更とレイアウトのプロパティの設定

1. 制約レイアウトを直線レイアウトに変更します

  • ConstraintLayout を LinearLayout に変更します
    ここに画像の説明を挿入します

2. 線形レイアウトのプロパティを設定する

(1) 背景画像を設定する
  • 公式ドキュメント: 通常の画像はdrawable ディレクトリに配置され、アイコンは mipmap ディレクトリに配置されます。
    ここに画像の説明を挿入します

  • 背景画像のbackground.pngをdrawableディレクトリにコピーします。
    ここに画像の説明を挿入します

  • 線形レイアウトのbackgroundプロパティを設定する
    ここに画像の説明を挿入します

  • プログラムを実行して効果を確認してください
    ここに画像の説明を挿入します

(2) サブコントロールの配置を設定する
  • 線形レイアウトのgravityプロパティを次のように設定します。center
    ここに画像の説明を挿入します

  • 実行して効果を確認してください
    ここに画像の説明を挿入します

(3) 直線状のレイアウト方向を設定する
  • 複数のラベル コントロールを線形レイアウトに追加する場合、デフォルトではそれらが水平に配置されます。つまり、線形レイアウトの方向プロパティはデフォルトで水平になります。垂直に配置する場合は、線形レイアウトの方向属性を垂直に設定する必要があります。
    ここに画像の説明を挿入します
  • ラベルを追加し、関連する属性を設定する
    ここに画像の説明を挿入します
  • プログラムを実行して効果を確認してください
    ここに画像の説明を挿入します
  • 2 つのラベルを少し離したい場合は、マージン属性 (marginLeft、marginRight、marginTop、marginBottom) を設定します。
    ここに画像の説明を挿入します

2. パソコンの操作

(1) メインレイアウトファイルの書き込み

ここに画像の説明を挿入します

(2) 文字列リソースファイルの書き込み

ここに画像の説明を挿入します

(3) プログラムを実行して効果を確認する

ここに画像の説明を挿入します

おすすめ

転載: blog.csdn.net/qq_41301333/article/details/127762975