つ部勉強会10月の発表スライドです。 http://www.zusaar.com/event/1065007

1. 優しいつ部に
するために
13年10月26日土曜日

2. About me
• 和田 太陽（わだ ひかる）
• 室伏准教授がいる大学の4年
• @sugoi_wada
• すごい
13年10月26日土曜日

3. 13年10月26日土曜日

4. すごく優しいLT
13年10月26日土曜日

5. 目次
• 知っておくと便利そうな話
• 知っておくと超便利なアプリ
13年10月26日土曜日

6. リソースファイル名
は自由につけていい
その１
13年10月26日土曜日

7. リソースファイル名
• strings.xml → 文字列
• colors.xml → 色
• styles.xml →スタイル
• arrays.xml → 配列
• dimens.xml → サイズ
13年10月26日土曜日

8. リソースファイル名
• strings.xml → 文字列
• colors.xml → 色
決まりではない
• styles.xml →スタイル
• arrays.xml → 配列
• dimens.xml → サイズ
13年10月26日土曜日

9. Ex. strings.xml
• strings.xml → 単語文字列
• configure.xml → 設定に関する文字列
• sentence.xml → 文章文字列
• format.xml → フォーマット文字列
• みたいなことができる
13年10月26日土曜日

10. 決まり
<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">
<string name=”xxxx”>sugeeeeeeee</string>
</resources>
xmlファイルであること
resourcesタグで囲まれていること
res/valuesディレクトリ内に存在すること
13年10月26日土曜日

11. リソースファイル名
• strings.xml → 文字列
• colors.xml → 色
• styles.xml →スタイル
• arrays.xml → 配列
• dimens.xml → サイズ
13年10月26日土曜日

12. リソースファイル名
• strings.xml → 文字列
colors.xml → 色
•どこで判断しているか
• styles.xml →スタイル
• arrays.xml → 配列
• dimens.xml → サイズ
13年10月26日土曜日

13. resource内のタグで決まる
<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">
<string name=”xxxx”>sugeeeeeeee</string>
<dimen name="yyyy">8dp</dimen>
</resources>
@string/xxxx R.string.xxxx
@dimen
R.dimen.yyyy
13年10月26日土曜日

14. 上手に使いましょう
13年10月26日土曜日

15. セレクターでボタン
っぽいViewを作る
その２
13年10月26日土曜日

16. デフォルトボタンに
飽き飽きするよね？
13年10月26日土曜日

17. アプリの雰囲気に合
わなかったりもする
13年10月26日土曜日

18. そういうときは独自で
ボタン（っぽいもの）
を作るといい
13年10月26日土曜日

19. まずはボタンにする
Viewを定義
13年10月26日土曜日

20. <TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world" />
13年10月26日土曜日

21. 次にセレクタを作成
drawable/
selector_btn.xml
13年10月26日土曜日

22. <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape android:shape="rectangle">
<corners android:radius="3dp" />
<solid android:color="#66272727" />
<padding android:bottom="2dp" android:left="4dp" android:right="4dp" android:top="2dp" />
</shape>
</item>
<item android:state_pressed="false">
<shape android:shape="rectangle">
<corners android:radius="3dp" />
<solid android:color="#66C8C8C8" />
<padding android:bottom="2dp" android:left="4dp" android:right="4dp" android:top="2dp" />
</shape>
</item>
</selector>
13年10月26日土曜日

23. <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape android:shape="rectangle">
<corners android:radius="3dp" />
<solid android:color="#66272727" />
<padding android:bottom="2dp" android:left="4dp" android:right="4dp" android:top="2dp" />
</shape>
</item>
<item android:state_pressed="false">
<shape android:shape="rectangle">
<corners android:radius="3dp" />
<solid android:color="#66C8C8C8" />
<padding android:bottom="2dp" android:left="4dp" android:right="4dp" android:top="2dp" />
</shape>
</item>
</selector>
13年10月26日土曜日

24. Viewの背景に
セレクタを指定する
13年10月26日土曜日

25. <TextView
android:background="@drawable/selector_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world" />
13年10月26日土曜日

26. 他にも…
13年10月26日土曜日

27. 画像も指定可能
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/
res/android">
<item android:drawable="@drawable/non_pressed"
android:state_pressed="false"/>
<item android:drawable="@drawable/pressed"
android:state_pressed="true" />
</selector>
13年10月26日土曜日

28. CheckBoxもできる
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="false" android:state_pressed="true"><shape android:shape="rectangle">
<corners android:radius="3dp" />
<size android:height="20dp" android:width="20dp" />
<solid android:color="#FF0000" />
<padding android:bottom="2dp" android:left="4dp" android:right="4dp" android:top="2dp" />
</shape></item>
<item android:state_checked="false" android:state_pressed="false"><shape android:shape="rectangle">
<size android:height="20dp" android:width="20dp" />
<corners android:radius="3dp" />
<padding android:bottom="2dp" android:left="4dp" android:right="4dp" android:top="2dp" />
<solid android:color="#000000" />
</shape></item>
<item android:state_checked="true" android:state_pressed="true"><shape android:shape="rectangle">
<corners android:radius="3dp" />
<size android:height="20dp" android:width="20dp" />
<solid android:color="#666666" />
<padding android:bottom="2dp" android:left="4dp" android:right="4dp" android:top="2dp" />
</shape></item>
<item android:state_checked="true" android:state_pressed="false"><shape android:shape="rectangle">
<corners android:radius="3dp" />
<size android:height="20dp" android:width="20dp" />
<padding android:bottom="2dp" android:left="4dp" android:right="4dp" android:top="2dp" />
<solid android:color="#00FF00" />
</shape></item>
</selector>
13年10月26日土曜日

29. <item android:state_checked="false"
android:state_pressed="true">
<shape android:shape="rectangle">
<corners android:radius="3dp" />
<size android:height="20dp" android:width="20dp" />
<solid android:color="#FF0000" />
<padding android:bottom="2dp" android:left="4dp"
android:right="4dp" android:top="2dp" />
</shape>
</item>
13年10月26日土曜日

30. UI Automator Viewer
が便利
その３
13年10月26日土曜日

31. 目次
• 知っておくと便利そうな話
• 知っておくと超便利なアプリ
13年10月26日土曜日

32. ぴったり電車
タイマー
13年10月26日土曜日

33. 13年10月26日土曜日

34. バグ報告
お待ちしてます！
13年10月26日土曜日