3分で学ぶ Android Studio

Component Tree（コンポーネント ツリー）とpropertys（プロパティズ）の解説動画で、操作ミスしやすい部分を解説したいと思います。

この動画は「アプリ新規作成」を済ませた状態でご覧ください。

Component Treeとpropertys

Component Tree

• コンポーネント（部品）　ツリー（構造）
• 画面の部品を構造的に表示する画面

※ 画面上の部品を選択、編集、削除等に使用

proper ties

• プロパティ（性質・属性）　
• 部品の詳細を設定する画面

※ 部品の文字サイズや背景色の変更に使用

画面背景色の変更

文字枠背景色の変更

簡単な操作ですが、簡単な操作ほど操作ミスしやすいので気をつけてください☆

Android Studioでのレイアウト学習する動画です。
GUIで作成せずTextタブ（XML）でレイアウトの変更をすることでXMLの理解を深めます。

この動画は「アプリ新規作成」を済ませた状態でご覧ください。

LinearLayout vertical

・Linear ：リニア 、直線上の
・Layout ：レイアウト、配置
・vertical：バーチカル、垂直
　→ 垂直に並べる

LinearLayout horizontal

・Linear ：リニア 、直線上の
・Layout ：レイアウト、配置
・horizontal ：ホリゾンタル、水平
　→ 水平に並べる

RelativeLayout

・Relative ：リラティブ 、相対的
・Layout ：レイアウト、配置
　→ 相対的に並べる（ 他を基準にして・画面の真ん中 ）

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ボタン１"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ボタン２"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ボタン３"/>


</LinearLayout>

Paletteウインドウの解説動画で、主要な部品を解説しています。
この動画は「アプリ新規作成」を済ませた状態でご覧ください。

Palette　（ パレット・調色板 ）

Layouts （ レイアウト・配置 ）

Widgets （ ウィジェット・小さな機械）

Android Studioの画面構成の解説動画です。
アプリ作成の前の基礎知識としてとらえてください。

この動画は「アプリ新規作成」を済ませた状態でご覧ください。

メニューとツール

1. 実行ボタン ：作成したアプリを実行するボタン
2. AVD Manager　：エミュレーターの管理
3. SDK Manager　：開発に必要な追加ファイルを管理

ファイル構成

アプリ内のファイルやフォルダが一覧で表示されていてダブルクリックで開くことができます。

ファイル編集領域

編集したいファイルはこの領域で編集します。

ログやメッセージ

起動時のエラーや実機の状態が表示されます。

今更ですが「アプリケーションの新規作成」の解説動画です。

新規作成には専門用語が数多く出てきます。
未経験者には非常に理解しにくいので、重要な用語を僕なりに解説したいと思います。

編集の終了

すでにプロジェクト（アプリケーション）を編集中の場合はFileからClose Projectを選択してください。

新規プロジェクトの作成

新規アプリケーションを作成します。
メニューから Start a new AndroidStudio Projectをクリック

アプリの名前

① アプリの名前

アプリの名前を入力します。
自由につけれますが、慣れるまでは半角英数を入力
（最初は大文字、最初の１文字目に数字は使用しない）
※ 動画ではText0530（数字は作成日）を使用

② ドメイン

作成者を識別するためにドメインを入力。
パッケージネーム（フォルダと思ってOK）に使用されます。
※ ドメインをお持ちで内方は学習用に「test.com」でOK

③ 保存先フォルダー

作成するアプリ（プロジェクト）を保存するフォルダ
※ 日本語だと不都合が怖いので変えた方が良いかも

対象スマフォのバージョン

作成するアプリがどのバージョン以上で動作するのか指定します。
サンプルではAndroid 4.0.3以上のスマフォを対象にしていることになります。
※ サンプルでは古いスマフォは対象外になりますが、現在（2015/05/30）
4.0.3未満は非対応でも問題ないと思われます。

各バージョンの使用率（シェア）

各バージョン以上の使用率が表示されます。
2015/05/31では「4.1以降が82.6%使用されてる」になります。

画面の選択

Activity（アクティビティ：アプリの画面でOK）を
選択します。当面Empty（エンプティ：空の ）ActivityでOKです。
※ Emptyが無ければBlankを選択してください。

名前の入力

複数のファイル名等を入力
・Activity: プログラム（動的な動き）を記載するファイル名
・Lyout Name: 画面レイアウト（ボタンや画像の並べ方）を記載するファイル名
・Title: 画面のタイトル文字（ 例「設定画面」など）
・Menu Resouce Name: メニュー内容を記載するファイル名
＊ ここでは分かりやすさを優先して「ファイル名」と表現していますが、正式には違います。
＊ 詳しくなるまでは「ファイル名だ」と聞き流してもらってOKで初期設定も変更する必要ありません。

プレビューバージョン

エラー等で表示されない場合はプレビューバージョンを
変更してみてください。

ファイル構成の表示

ファイル構成の表示を「Project」に設定
一部の操作に必要

前回学習した「キャラクターの表示」を使ってXML（Textタブ）を学ぶ動画です。
この動画の前に「キャラクターの表示」を済ませておいてください。