![Android Studio 開発【 アクションバー非表示 】 Android Studio入門](https://hakoniwadesign.com/wp-content/uploads/2015/01/Android-Studio.png)
Android
![Android Studio 開発【 アクションバー非表示 】 Android Studio入門](https://hakoniwadesign.com/wp-content/uploads/2015/01/Android-Studio.png)
![Android プログラミング【 ボタンで文字変更 】 Android Studio入門](https://hakoniwadesign.com/wp-content/uploads/2015/01/Android-Studio.png)
Android プログラミング【 ボタンで文字変更 】
![Android プログラミング【 ボタンで画像変更 】 Android Studio入門](https://hakoniwadesign.com/wp-content/uploads/2015/01/Android-Studio.png)
Android プログラミング【 ボタンで画像変更 】
![Android Studio 開発【 プロパティウインドウ 】 Android Studio入門](https://hakoniwadesign.com/wp-content/uploads/2015/01/Android-Studio.png)
Android Studio 開発【 プロパティウインドウ 】
Component Tree(コンポーネント ツリー)とpropertys(プロパティズ)の解説動画で、操作ミスしやすい部分を解説したいと思います。
この動画は「アプリ新規作成」を済ませた状態でご覧ください。
Component Treeとpropertys
![3分で学ぶ Android Studio【 画面解説 】](http://hakoniwadesign.com/wp-content/uploads/2015/06/c2f71cac4adf8226fce1bf3e4eef70dc-1024x555.jpg)
Component Tree
- コンポーネント(部品) ツリー(構造)
- 画面の部品を構造的に表示する画面
※ 画面上の部品を選択、編集、削除等に使用
proper ties
- プロパティ(性質・属性)
- 部品の詳細を設定する画面
※ 部品の文字サイズや背景色の変更に使用
画面背景色の変更
![3分で学ぶ Android Studio【 RelativeLayout 】](http://hakoniwadesign.com/wp-content/uploads/2015/06/4568c573348e0a1a00dcbf70cf720fd9-1024x555.jpg)
文字枠背景色の変更
![3分で学ぶ Android Studio【 TextView 】](http://hakoniwadesign.com/wp-content/uploads/2015/06/21a5ba91cdbb3110a57e4db77cfd8ea1-1024x555.jpg)
簡単な操作ですが、簡単な操作ほど操作ミスしやすいので気をつけてください☆
![Android Studio 開発【 レイアウトの変更 】 Android Studio入門](https://hakoniwadesign.com/wp-content/uploads/2015/01/Android-Studio.png)
Android Studio 開発【 レイアウトの変更 】
Android Studioでのレイアウト学習する動画です。
GUIで作成せずTextタブ(XML)でレイアウトの変更をすることでXMLの理解を深めます。
この動画は「アプリ新規作成」を済ませた状態でご覧ください。
![レイアウト比較](http://hakoniwadesign.com/wp-content/uploads/2015/06/4db2e614ba2493157d75cf34e5e650c6.png)
LinearLayout vertical
・Linear :リニア 、直線上の
・Layout :レイアウト、配置
・vertical:バーチカル、垂直
→ 垂直に並べる
LinearLayout horizontal
・Linear :リニア 、直線上の
・Layout :レイアウト、配置
・horizontal :ホリゾンタル、水平
→ 水平に並べる
RelativeLayout
・Relative :リラティブ 、相対的
・Layout :レイアウト、配置
→ 相対的に並べる( 他を基準にして・画面の真ん中 )
![レイアウトの変更【XML解説】](http://hakoniwadesign.com/wp-content/uploads/2015/06/a062e28a160e1214519b865dcb131d0f-1024x570.jpg)
![Android Studio 開発【 XMLでボタンの配置 】 Android Studio入門](https://hakoniwadesign.com/wp-content/uploads/2015/01/Android-Studio.png)
Android Studio 開発【 XMLでボタンの配置 】
Android Studioでのレイアウト学習する動画です。
GUIで作成せずTextタブ(XML)でボタンを配置することでXMLの理解を深めます。
この動画は「アプリ新規作成」を済ませた状態でご覧ください。
編集の流れ
![3分で学ぶ Android Studio【 ボタンの配置 】 Textタブを開く](http://hakoniwadesign.com/wp-content/uploads/2015/06/f93a6b8f72d019f885e5bdc578d35a4b-1024x551.jpg)
![3分で学ぶ Android Studio【 ボタンの配置 】 XML解説](http://hakoniwadesign.com/wp-content/uploads/2015/06/7d0eb2f17de5015128bcfea82564f5a8-1024x555.jpg)
![3分で学ぶ Android Studio【 ボタンの配置 】 XML解説2](http://hakoniwadesign.com/wp-content/uploads/2015/06/07d1d4de5d597da96bcea2720f06029a.jpg)
activity_main.xml(完成)
<RelativeLayout 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" tools:context=".MainActivity"> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="ぼたん" android:layout_alignParentBottom="true" /> </RelativeLayout>
![Android Studio 開発【 パレットウインドウ 】 Android Studio入門](https://hakoniwadesign.com/wp-content/uploads/2015/01/Android-Studio.png)
Android Studio 開発【 パレットウインドウ 】
Paletteウインドウの解説動画で、主要な部品を解説しています。
この動画は「アプリ新規作成」を済ませた状態でご覧ください。
![3分で学ぶ Android Studio【 layoutとwidget 】2](http://hakoniwadesign.com/wp-content/uploads/2015/06/53d3760db482aac38f3cc12593ea0ab8-1024x654.jpg)
Palette ( パレット・調色板 )
画面に表示する部品が並んでいるウインドウ
絵の具のパレットでOK
Layouts ( レイアウト・配置 )
ボタンや画像を並べる棚
本棚みたいなイメージでOK
Widgets ( ウィジェット・小さな機械)
ボタンや画像など「画面に配置する部品」
本棚に並べる「本や物」イメージでOK
![Android Studio 開発【 フォルダ構成 】 Android Studio入門](https://hakoniwadesign.com/wp-content/uploads/2015/01/Android-Studio.png)
Android Studio 開発【 フォルダ構成 】
Android Studio 開発【 ファイル構成 】
![Android Studio 開発【 画面構成 】 Android Studio入門](https://hakoniwadesign.com/wp-content/uploads/2015/01/Android-Studio.png)
Android Studio 開発【 画面構成 】
Android Studioの画面構成の解説動画です。
アプリ作成の前の基礎知識としてとらえてください。
この動画は「アプリ新規作成」を済ませた状態でご覧ください。
![Android Studio 画面構成](http://hakoniwadesign.com/wp-content/uploads/2015/06/d6b7f5517a7d6c1642ec44a29f5aeeb5-1024x768.jpg)
メニューとツール
- 実行ボタン :作成したアプリを実行するボタン
- AVD Manager :エミュレーターの管理
- SDK Manager :開発に必要な追加ファイルを管理
ファイル構成
アプリ内のファイルやフォルダが一覧で表示されていてダブルクリックで開くことができます。
ファイル編集領域
編集したいファイルはこの領域で編集します。
ログやメッセージ
起動時のエラーや実機の状態が表示されます。