メモ帳アプリ開発!Android StudioでUIと文字列設定
Androidアプリ開発に挑戦中のあなたへ。
今回はメモ帳アプリを題材に、画面レイアウト(XML)と文字列の管理(strings.xml)をしっかり理解します🧠✨
この記事で学べること👇
- activity_main.xmlでのUI構築のポイント
- GUIとXMLの操作の違いとメリット
- strings.xmlで文字列を管理する理由
- IDの付け方と初期表示の工夫
- 次回に向けた、リスナの考え方の導入
📱 Android Studioアプリ開発、まずはレイアウト構成から!
まだまだ開発初期段階ですが、今回は画面レイアウト構成と文字列管理(strings.xml)についておさらいしていきます✍️
Android Studioを使ったアプリ開発、コツコツ進めていきましょう!
🔁 前回のおさらい:レイアウトとIDの確認
🧩 レイアウトの調整ポイント
以下のコードで指定した「赤文字部分」は、空いているスペースを広げる設定です。
「青文字部分」は、ボタンを右側に配置するための制約になります。
res → layout → activity_main.xml
<EditText
android:id="@+id/inputText"
android:layout_width="0dp"
android:layout_weight="1"
...
app:layout_constraintEnd_toStartOf="@+id/confirmButton"
/>
<Button
android:id="@+id/confirmButton"
android:text="@string/confirm_btn_name"
...
app:layout_constraintEnd_toEndOf="parent"
/>
<TextView
android:id="@+id/outputText"
android:layout_width="0dp"
android:layout_weight="1"
...
app:layout_constraintTop_toBottomOf="@+id/inputText"
/>
🔖 各パーツにIDを設定しよう!
見た目の配置ができていれば、細かいレイアウト調整は後回しでもOK😊
重要なのはIDの設定です。各要素に @+id/◯◯
のように名前をつけましょう。
- ✏️ 入力欄 →
inputText
- 🆗 ボタン →
confirmButton
- 📄 出力欄 →
outputText
📝 文字列管理はstrings.xmlで統一しよう!
🗂️ 表示文字はまとめて管理!
ボタンやテキストに表示する初期の文字列は、下記ファイルで一括管理できます。
res → values → strings.xml
<resources>
<string name="app_name">メモ帳アプリ</string>
<string name="confirm_btn_name">追加</string>
<string name="input_text_default"></string>
<string name="output_text_default">上枠にメモを書いてください。</string>
</resources>
✅ なぜstrings.xmlで管理するの?
文字を直接 android:text="〇〇"
と書いても動作しますが、メンテナンス性や多言語対応を考えると非推奨です🙅♂️
以下のように書いて、strings.xml
から呼び出しましょう。
android:text="@string/output_text_default"
🤔 次のステップ:ボタンに反応させたい!
🔄 ボタンに反応しない理由は「リスナ」が必要だから
ボタンを設置しただけでは、クリックしても何も起こりません😥
その理由は、押されたことを検知するコード(リスナ)がないからです。
📌 「リスナ」って何?
- イベントリスナとは、「このボタンが押されたらこの処理をしてね!」という命令文のこと。
- ボタンの設定だけでなく、「ボタンが押されたらどうするか」を別途指定する必要があります。
confirmButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// ボタンクリック時の処理を書く
}
});
⚠️ この仕組みがないと、ボタンを押しても何も反応しない状態になってしまいます。
✨ まとめ:少しずつ進めばOK!
Androidアプリ開発は、細かいステップの積み重ねです💡
今回のポイントを振り返ると👇
✅ レイアウトファイル(XML)ではIDと配置が重要
✅ 表示文字はstrings.xmlで一括管理
✅ ボタンの動作には「リスナ」の設定が必要
🔗 Android Studioを使った無料アプリ開発完全ガイド👇
