動画で学ぶ、Androidアプリの作り方

ボタンとXML

プログラミング未経験者対象の【 Androidアプリ作成動画 】で、このページは「画面作成の基本操作」を解説した動画です。

注意:この動画は未経験者の方の参考動画で、動作を保証するものではありません。
開発バージョン違い、PC環境の違い、文字コード等の設定違いにより、コピペしてもうまく機能しない時があります。

動画で学ぶアプリ開発「ボタンとXMLレイアウト」

アプリの作り方_学習内容

未経験者対象の「画面の作り方」の解説動画です。

「ボタンとRelativeLayout」の内容をXMLで作成する解説動画です。

【 学習の流れ 】

  1. 新規アプリケーション作成
  2. XMLとは
  3. XMLでの画面作成

【 XMLとは 】

  1. 画面を確認してみよう
  2. XML → 文字で画面を作成する文法

【 XML図解 】

動画で学ぶAndroid開発 「XML図解」

XML図解-XMLの書き方

【 XMLでの画面作成 】

  1. 削除と配置をしてみよう。
  2. 横幅を変えてみよう。
  3. 画面の中央に配置してみよう。
  4. ボタンの右寄せ、左寄せ。
  5. 余白を設定してみよう。
動画で学ぶ、Androidアプリの作り方

ボタンとRelativeLayout

プログラミング未経験者対象の【 Androidアプリ作成動画 】で、このページは「画面作成の基本操作」を解説した動画です。

注意:この動画は未経験者の方の参考動画で、動作を保証するものではありません。
開発バージョン違い、PC環境の違い、文字コード等の設定違いにより、コピペしてもうまく機能しない時があります。

動画で学ぶアプリ開発 「ButtonとRelativeLayout」

アプリの作り方_学習内容

未経験者対象の「画面の作り方」の解説動画です。
RelativeLayoutにボタンを配置し、基本的な設定の仕方を解説しています。

【 学習の流れ 】

  1. 新規アプリケーション作成
  2. 編集画面の調整と理解
  3. ボタンの編集
  4. RelativeLayout基礎

【 ボタンの編集 】

  1. 文字を変更してみよう。
  2. 文字サイズを変更してみよう。
  3. ボタンサイズを変更してみよう。
    • wrap_content(ラップコンテンツ・素材を包み込む)
    • match_parent(マッチペアレント・親に合わせる)

【 RelativeLayout基礎 】

  1. RelativeLayoutとは
    • Relative(リラティブ・相対)とLayout(レイアウト・配置)
    • 相対的:○○の右、○○の下
    • 具体的:画面の中央、画面の右、画面の下
  2. 画面の中央に配置してみよう。
    • Horizontal(ホリゾンタル・水平)とVertical(ヴァティカル・垂直)
    • true(トゥルー・真)とfalse(フォルス・偽)
  3. ボタンの右寄せ、左寄せ。
    • alignParent(アラインペアレント・親とそろえる)
  4. 余白を設定してみよう。
    • margin(マージン・余白)