スライド 1

Size: px

Start display at page:

Download "スライド 1"

ありあいさし
6 years ago
Views:

1 Android の UI いろいろ 2009/09/12(Sat) 日本 Android の会重村浩二この資料内容の一部は Google が作成提供しているコンテンツを複製したものでクリエイティブコモンズの表示 2.5 ライセンスに記載の条件に従って使用しています

2 今回の勉強会のターゲット領域はココです

3 アジェンダ Android の Basic Design Icon Design が Business に与えるインパクト GUI を掘るまとめ

4 Android の Basic Design

5 そもそも UI って? User Interface( ユーザインタフェース ) 以下 Wikipedia より引用機械特にコンピュータとその機械の利用者 ( 通常は人間 ) の間での情報をやりとりするためのインタフェースである人と機械 ( コンピュータ ) をつなぐ架け橋となるもの

6 国内の Android 携帯 HT-03A

HT-03A の UI その 1 タッチパネル転載元 :http://ht-03a.

7 HT-03A の UI その 1 タッチパネル転載元 : 購入特集 /02%20 本体 %20 写真

HT-03A の UI その 2 トラックボール転載元 :http://ht-03a.

8 HT-03A の UI その 2 トラックボール転載元 : 購入特集 /02%20 本体 %20 写真

9 指を意識した Design どれも指で押しやすいアイコン

10 Google の UI Guidelines UI のガイドラインを Google が提示 link:

11 例 1)Icon Design

12 標準の Icon は仕様に準拠

13 例 2)Widget Design

14 横向きのデザインも意識する

15 Icon Design が Business に与えるインパクト

16 ソフトウェアの市場開発したソフトウェアのお披露目の場米 $25( 日本円で約 2,500) で誰もが公開できる敷居の低さ

17 敷居が低いことのメリット玉石混交とはなるが大量のソフトが世に出てくることとなり良質なソフトが生まれやすい土壌が形成される学生社会人を問わず新たなビジネスチャンスが目の前に広がる

18 敷居が低い = 埋もれやすい選んでもらえてようやくソフト概要評価を見てもらえるユーザへのアピールはアイコンのデザインで決まるユーザへのファーストインプレッションはアイコンとアプリタイトルで決まる写真は Android Developpers Blog より転載

19 私案 ) 埋もれないデザインとは? 何に使うソフトなのかイメージのしやすさ色使いを気をつける補色関係背景が黒だということを考慮する立体表現だと尚良い

20 GUI を掘る

21 画面作成方法の選択複数ある手段から目的に沿って選択しよう静的生成 LayoutEditer XML 直接編集動的生成プログラム制御で画面構成を構築する Web 今回の対象からは除外 Webkit の仕様に沿い HTML&Javascript で作る

22 LayoutEditer リソースエディタ描画する画面を作成するためのGUIツール ( 標準ツール ) 編集できるもの ( 例 ) AndroidManifest.xml バージョン情報やアクセス制御などを設定 res/layout/main.xml 表示される画面のレイアウトを設定 res/values/strings.xml 文字列をリソースとして設定

23 LayoutEditer AndroidManifest.xml

24 LayoutEditer res/layout/main.xml

25 LayoutEditer res/values/strings.xml

26 XML 直接編集タブの切り替え直接編集

27 Android のコンポーネント群画面を構成する標準コンポーネント TextView(android.widget.TextView) Button(android.widget.Button) ImageButton(android.widget.ImageButton) ImageView(android.widget.ImageView) ListView(android.widget.ListView) : :

28 TextView(android.widget.TextView) 文字列を直接指定する場合 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text= てきすとびゅ ~" android:textsize="24sp" android:gravity="center" /> </LinearLayout> プログラムからは R.id.text_view_id で指定できる

29 TextView(android.widget.TextView) 文字列リソースを参照する場合 <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textsize="24sp" android:gravity="center" />

30 Button(android.widget.Button) <Button android:layout_width= wrap_content" android:layout_height="wrap_content" android:gravity="fill" />

31 Button(android.widget.Button) <Button android:layout_width= fill_parent" android:layout_height= fill_parent" android:gravity= center" />

32 画面を動的に生成する場合 public class ViewTestActivity extends Activity { /** Called when the activity is first created. public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); } // ImageView の追加 LinearLayout m_linearlayout; m_linearlayout = new LinearLayout(this); ImageView i = new ImageView(this); i.setimageresource(r.drawable.ship2_3); i.setadjustviewbounds(true); i.setlayoutparams( new Gallery.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); m_linearlayout.addview(i); setcontentview(m_linearlayout);

33 デモ

34 どの手法を選ぶか Android のアプリ開発を勉強していく上でどんなものを作りたいのかその方向性によって手法も変わってきます静的生成 (XML 修正 LayoutEditer) が向くもの部品の共通化標準部品を拡張したアプリ動的生成が向くものオリジナル性の強いアプリケーションゲーム自分の進む方向性に合わせて手法を学んでくださいどちらにしても標準部品を学ぶことは損はありません

35 まとめアイコンのデザインはソフトウェアの未来を決めるものだと思おう!!! 超重要! GUI の作成方法をいくつか提示したけどこれって何がいいたいのか? 自分の作りたいアプリに合わせて手法を選択してください

36 御静聴ありがとう御座いました m( )m

補足資料インテントによるアプリケーションとアクティビティの呼出し Android アプリのキモとなるインテントとは何? インテント ( 呼び出し要求 ) とは Android 独自の機能です簡単にいえばアプリケーションや他のアクティビティを呼び出す機能ですが他のアプリケーションを機能や扱えるデ

補足資料インテントによるアプリケーションとアクティビティの呼出し Android アプリのキモとなるインテントとは何? インテント ( 呼び出し要求 ) とは Android 独自の機能です簡単にいえばアプリケーションや他のアクティビティを呼び出す機能ですが他のアプリケーションを機能や扱えるデ補足資料インテントによるアプリケーションとアクティビティの呼出し Android アプリのキモとなるインテントとは何? インテント ( 呼び出し要求 ) とは Android 独自の機能です簡単にいえばアプリケーションや他のアクティビティを呼び出す機能ですが他のアプリケーションを機能や扱えるデータ型式で検索して呼び出すことができるものですたとえばウェブブラウザを呼び出したい場合 View