端端舝

失瓦丟奈扑亦件
/ 跪笱氾旦玄
2012/03/21(阨)@PRO&BSC
燵諳硝廢
(higuchi_yuki@probsc.jp)

掛゜及囀⺍
? 失瓦丟奈扑亦件
每User eXperience 毛詢戶引仄斤丹
? 㜭仄中覜元卞
? �I燴渾切及奶仿奶仿毛幏𦑩

? 跪笱氾旦玄
每�g极/磐磁/假隅趙�歠毛赻�趙仄﹜
失皿伉及ⅲ斮毛詢戶引仄斤丹
2

失瓦丟奈扑亦件
弁仿旦靡衙猁
AlphaAnimation 白尼奈玉奶件/失它玄
RotateAnimation 隙�
ScaleAnimation �湮/窺苤
TranslateAnimation 痄�
AnimationSet 失瓦丟奈扑亦件及磁傖

扔件皿伙及伊奶失它玄
<?xml version="1.0" encoding="utf-8"?> main.xml
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center">

<Button
android:layout_width="wrap_content"
android:padding="20dp"
android:id="@+id/button"
android:layout_height="wrap_content"
android:text="Hello World !!" />

</LinearLayout>

4

AlphaAnimation: ???????/???
public class MainActivity extends Activity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Button btn = (Button)findViewById(R.id.button);
btn.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
AlphaAnimation alpha =
new AlphaAnimation(1.0f, 0.0f);
alpha.setDuration(3000);
v.startAnimation(alpha);
}
});
}
} 5

RotateAnimation: 隙�
RotateAnimation rotate = new RotateAnimation(
0, 360, v.getWidth() / 2, v.getHeight() / 2);
rotate.setDuration(3000);
v.startAnimation(rotate);

ScaleAnimation: �湮/窺苤
ScaleAnimation scale = new ScaleAnimation(
1, 2, 1, 2, v.getWidth() / 2, v.getHeight() / 2);
scale.setDuration(3000);
scale.setInterpolator(new CycleInterpolator(3));
v.startAnimation(scale);
6

TranslateAnimation: 痄�
TranslateAnimation translate = new TranslateAnimation(
-10, 10, -10, 10);
translate.setDuration(3000);
translate.setInterpolator(new CycleInterpolator(3));
v.startAnimation(translate);

AnimationSet: ???????及磁傖
AnimationSet set = new AnimationSet(true);
set.addAnimation(alpha);
set.addAnimation(rotate); 仇木引匹及失瓦丟奈扑亦件及隅
set.addAnimation(scale); 膽窒煦ㄗ startAnimation
v.startAnimation(set); 眕俋ㄘ毛紹仄化云五﹜公木日及
隅膽及狟卞𤩸中化心引仄斤丹
7

失瓦丟奈扑亦件毛瞳蚚仄凶申亙奈失
? APK
每 http://goo.gl/LLYXP
? 末奈旦
每 http://goo.gl/oWcyG
? 末奈旦及奶件禾奈玄源楊
每 Eclipse 及 [白央奶伙(F)] 每 [奶件禾奈玄
(I)...] 井日☆奶件禾奈玄★母奶失伕弘毛嶱仁
每 [珨啜] - [暫湔皿伕斥尼弁玄毛伐奈弁旦矢奈
旦尺] 毛腢太﹜☆伙奈玄?犯奴伊弁玄伉奈及腢
亼★卞化奶件禾奈玄�砓白巧伙母毛腢亼仄化
龰曰煋心俇賸 8

Tips: 丟瓦亙奈及袚樓源楊
/** 丟瓦亙奈ID (田奈斥亦件) */
static final int MENU_ID_MENU1 = (Menu.FIRST + 1);

public boolean onCreateOptionsMenu(Menu menu) {
// 丟瓦亙奈 (田奈斥亦件) 及袚樓
MenuItem menuVersion = menu.add(
Menu.NONE, MENU_ID_MENU1, Menu.NONE, "田奈斥亦件");
menuVersion.setIcon(android.R.drawable.ic_menu_info_details);

return super.onCreateOptionsMenu(menu);
}

public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case MENU_ID_MENU1: // 田奈斥亦件桶尨
showDialog(DIALOG_ID_VERSION);
break;

default:
return super.onOptionsItemSelected(item);
}

return true;
}
9

Tips: 甩奈玉它尼失平奈及娗逋
public boolean onKeyDown(int keyCode, KeyEvent event) {
super.onKeyDown(keyCode, event);
switch (keyCode) {
case KeyEvent.KEYCODE_VOLUME_DOWN:
case KeyEvent.KEYCODE_DPAD_DOWN:
case KeyEvent.KEYCODE_DPAD_RIGHT:
case KeyEvent.KEYCODE_SPACE:
case KeyEvent.KEYCODE_ENTER:
... (吽謹) ...
return true;
case KeyEvent.KEYCODE_VOLUME_UP:
case KeyEvent.KEYCODE_DPAD_UP:
case KeyEvent.KEYCODE_DPAD_LEFT:
case KeyEvent.KEYCODE_DEL:
... (吽謹) ...
return true;
}
return false;
}
10

Tips: 隙�摽手秏尹卅中母奶失伕弘
/** 母奶失伕弘ID (田奈斥亦件) */
static final int DIALOG_ID_VERSION = 0;
protected Dialog onCreateDialog(int id) {
Dialog dialog;
switch (id) {
case DIALOG_ID_VERSION:
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setIcon(R.drawable.icon);
builder.setTitle("奶丟奈斥申亙奈失");
builder.setMessage("version 3.0");
builder.setPositiveButton("OK", null);
dialog = builder.create();
break; onCreateDialog毛磊蚕仄化桶尨允月仇
午匹母奶失伕弘及仿奶白扔奶弁伙毛Activity
default:
dialog = null;
卞奪燴仄化手日丹仇午卞卅曰引允﹝
} 仇及凶戶﹜淏復卞𤩸仁午☆(賒醱及)隙�摽
手秏尹卅中★匹反卅仁﹜☆(賒醱及)隙�摽
return dialog; 卞Activity及婬汜傖卞圈勻化母奶失伕弘
}
手婬汜傖今木月★互淏仄仁卅曰引允﹝
... (吽謹) ...
showDialog(DIALOG_ID_VERSION);
11

Tips: FrameLayout 及妏中源
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="fill_parent"
android:background="@android:color/white"
android:padding="10dp" >
<ImageView
android:id="@+id/imgView"
android:layout_height="fill_parent" 失件市奈毛隴尨仄卅中午
android:src=/slideshow/android-lecture-04-probsc-inc/12052012/"@drawable/img01" /> 酘奻卞饜离今木引允
<Button
android:id="@+id/btnLeft"
android:layout_width="100dp"
android:layout_gravity="bottom|left"
android:text="↘" 升仇卞失件市奈毛离仁井
android:textSize="24sp" /> 互禾奶件玄卞卅曰引允
... (吽謹) ...

12

跪笱氾旦玄
汁奈伙衙猁

junit.framework.TestCase Ｋ�g极彸歠
(翋卅�砓: 伕斥永弁)

android.test.ActivityInstrumentationTestCase2 Ｌ賦磁彸歠
(翋卅�砓: UI)

Monkey Runner Ｍ假隅趙彸歠
(翋卅�砓: 丟乒伉伉奈弁)

氾旦玄皿伕斥尼弁玄及袚樓
? Android皿伕斥尼弁玄釬傖媆卞袚樓匹五引允

14

扔件皿伙(SimpleCalc)及蚚砩Ｋ
<?xml version="1.0" encoding="utf-8"?> <Button
<LinearLayout xmlns:android= android:id="@+id/btnMul"
"http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:layout_height="wrap_content" android:text="℅"
android:layout_gravity="center_horizontal" android:textSize="22sp" />
android:orientation="horizontal" > <Button
<EditText android:id="@+id/btnDiv"
android:id="@+id/editNum1" android:layout_width="fill_parent"
android:layout_width="68dp" android:layout_height="wrap_content"
android:layout_height="wrap_content" android:text="¯"
android:layout_gravity="center_vertical" android:textSize="22sp" />
android:gravity="center" </LinearLayout>
android:inputType="number" /> <EditText
<LinearLayout android:id="@+id/editNum2"
android:layout_width="48dp" android:layout_width="68dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:orientation="vertical" > android:layout_gravity="center_vertical"
<Button android:gravity="center"
android:id="@+id/btnAdd" android:inputType="number" />
android:layout_width="fill_parent" <TextView
android:layout_height="wrap_content" android:layout_width="48dp"
android:text="ㄚ" android:layout_height="wrap_content"
android:textSize="22sp" /> android:layout_gravity="center_vertical"
<Button android:gravity="center"
android:id="@+id/btnSub" android:text="ˊ"
android:layout_width="fill_parent" android:textSize="22sp" />
android:layout_height="wrap_content" <EditText
android:text="ㄜ" android:id="@+id/editAnswer"
android:textSize="22sp" /> android:layout_width="68dp"
android:layout_gravity="center_vertical"
android:editable="false"
android:gravity="center" />
?res/layout/main.xml </LinearLayout>
15

扔件皿伙(SimpleCalc)及蚚砩Ｌ
package jp.probsc.simplecalc;
?src/.../Calculator.java
/**
*�呾弁仿旦
*/
public class Calculator {
/** 逋仄呾 */
public static int Add(int a, int b) {
return a + b;
}
/** 竘五呾 */
public static int Sub(int a, int b) {
return a - b;
}
/** 𨩆仃呾 */
public static int Mul(int a, int b) {
return a * b;
}
/** 賃曰呾 */
public static double Div(int a, int b) {
return a / b;
}
} 16

扔件皿伙(SimpleCalc)及蚚砩Ｍ
package jp.probsc.simplecalc; final EditText num2 =
(EditText)findViewById(R.id.editNum2);
import android.app.Activity; num2.setSelectAllOnFocus(true);
import android.os.Bundle;
import android.view.View; final EditText numAnswer =
import android.view.View.OnClickListener; (EditText)findViewById(R.id.editAnswer);
import android.widget.Button;
import android.widget.EditText; Button btnAdd =
(Button)findViewById(R.id.btnAdd);
/** btnAdd.setOnClickListener(new OnClickListener() {
* 扑件皿伙�袗弁仿旦 public void onClick(View v) {
*/ int ret = Calculator.Add(
public class MainActivity extends Activity { escape(num1), escape(num2));
/** numAnswer.setText(String.valueOf(ret));
* onCreate 戊奈伙田永弁丟末永玉 }
*/ });
public void onCreate(Bundle savedInstanceState) { }
super.onCreate(savedInstanceState);
setContentView(R.layout.main); /**
* EditText 毛巨旦弗奈皿仄化淕杅�毛殿允
// 它奴斥尼永玄及場ヽ趙 *
init(); * @param target 巨旦弗奈皿�砓及 EditText 它奴斥尼永玄
} * @return 淕杅�
*/
/** public static int escape(EditText target) {
* 它奴斥尼永玄及場ヽ趙 try {
*/ return Integer.parseInt(target.getText().toString());
private void init() { } catch (Exception ex) {
final EditText num1 = target.setText("0");
(EditText)findViewById(R.id.editNum1); return 0;
num1.setSelectAllOnFocus(true); }
}
?src/.../MainActivity.java }
17

扔件皿伙(釦勳鳥梯梭梗唬硃梭釵)及俇傖
? 末奈旦
每扔件皿伙皿伕斥尼弁玄
? http://goo.gl/SQ0LW
每氾旦玄皿伕斥尼弁玄
? http://goo.gl/KM1bW

? 仇及侐�t栳呾毛俴丹失皿伉及
氾旦玄毛俴中引允﹝�歠反狟
�及ㄣ意�匹允
每Ｋ �g极�歠
每Ｌ磐磁�歠
每Ｍ假隅趙�歠
18

Ｋ�g极彸歠

�g极�歠及𨃨�
? 伕斥永弁毛�歠仄引允
每氾旦玄皿伕斥尼弁玄卞☆CalculatorTest.java★毛袚樓
package jp.probsc.simplecalc.test;

import jp.probsc.simplecalc.Calculator;
import junit.framework.TestCase;

public class CalculatorTest extends TestCase {
public void testAdd() {
assertEquals(0, Calculator.Add(0, 0));
}
}
19

Ｋ�g极彸歠

�g极�歠及灍囥
? 弁仿旦毛衵弁伉永弁仄﹜[灍俴(R)]-[Android JUnit Test]毛灍俴

ㄠ勾匹手由旦仄卅中氾旦玄弗奈旦
互丐月午﹜田奈互喪伎卞卅曰引允
氾旦玄灍囥反氾旦玄弗奈旦(丟末永
玉)仍午﹜弁仿旦仍午﹜皿伕斥尼弁玄仍
午及�g弇卞化灍囥匹五引允﹝

20

Ｌ賦磁彸歠

磐磁�歠及𨃨�
? UI毛�歠仄引允 ↗氾旦玄皿伕斥尼弁玄卞☆MainActivityTest.java★毛袚樓
package jp.probsc.simplecalc.test; getInstrumentation()
.waitForIdleSync();
import android.test.ActivityInstrumentationTestCase2; getActivity().runOnUiThread(
import android.widget.Button; new Runnable() {
import android.widget.EditText; public void run() {
import jp.probsc.simplecalc.MainActivity; num1.setText("2");
num2.setText("4");
public class MainActivityTest extends btnAdd.performClick();
ActivityInstrumentationTestCase2<MainActivity> { }
public MainActivityTest() { });
super(MainActivity.class);
} getInstrumentation()
.waitForIdleSync();
public void testCalc() { EditText numAnswer = (EditText)
final EditText num1 = getActivity().findViewById(
(EditText)getActivity().findViewById( jp.probsc.simplecalc.R.id.editAnswer);
jp.probsc.simplecalc.R.id.editNum1); assertEquals("6",
final EditText num2 = numAnswer.getText().toString());
(EditText)getActivity().findViewById( }
jp.probsc.simplecalc.R.id.editNum2); }
final Button btnAdd =
(Button)getActivity().findViewById(
jp.probsc.simplecalc.R.id.btnAdd); 21

Ｌ賦磁彸歠

磐磁�歠及灍囥
? 氾旦玄皿伕斥尼弁玄毛腢亼仄化 [ 灍俴 (R)]-
[Android JUnit Test] 毛灍俴允月仇午匹﹜珂
幻升及�g极�歠午肮媆卞氾旦玄毛灍囥匹五引允

UI及氾旦玄反灍辻﹜引凶反巨
立亙伊奈正奻匹灍俴今木引允﹝
22

Ｍ假隅趙彸歠

Monkey Runner 及瞳蚚
# 氾旦玄及灍囥
#!/usr/bin/python
# coding: UTF-8 def doTest():
mr_simplecalc.py
device = init()
from com.android.monkeyrunner import MonkeyRunner,
MonkeyDevice snapshot(device) Python旦弁伉皿玄匹允
import datetime
for i in range(1, 1001):
# ゜媆恅趼蹈及龰腕 printMsg('cnt: %d' % i)
def getDate():
d = datetime.datetime.today() # ㄠ勾戶及杅�毛⻌薯
return d.strftime('%Y%m%d_%H%M%S') MonkeyRunner.sleep(1)
device.touch(65, 215, 'DOWN_AND_UP')
# 旦瓜永皿扑亦永玄及龰腕 device.type('%d' % i)
# (monkeyrunner.bat 午肮蕆𦵴卞 snapshot 白巧伙母毛𨃨�及仇午)
def snapshot(device): # ㄡ勾戶及杅�毛⻌薯
MonkeyRunner.sleep(1) MonkeyRunner.sleep(1)
result = device.takeSnapshot() device.touch(240, 215, 'DOWN_AND_UP')
result.writeToFile( num = i * 2
'snapshot/%s.png' % getDate(), 'png') device.type('%d' % num)

# 氾旦玄場ヽ趙 # ☆+★示正件毛挹狟
def init(): MonkeyRunner.sleep(1)
device = MonkeyRunner.waitForConnection() device.touch(155, 110, 'DOWN_AND_UP')
device.startActivity(
component='jp.probsc.simplecalc/.MainActivity') snapshot(device)
return device
# 氾旦玄及嶱宎
# 㻢𨃨堤薯尺丟永本奈斥毛堤薯 printMsg('test start.')
def printMsg(msg): doTest()
print '[%s] %s' % (getDate(), msg) printMsg('test end.') 23

Ｍ假隅趙彸歠

Monkey Runner 及灍俴磐彆
?戊穴件玉皿伕件皿玄卞狟�戊穴件玉毛⻌薯仄化Monkey Runner毛お�仄引允
c:?>
c:?>C:?android?android-sdk-windows?tools?monkeyrunner.bat C:?mr_simplecalc.py
[20120318_145102] test start.
[20120318_145117] cnt: 1
[20120318_145132] cnt: 2 踏隙及旦弁伉皿玄及�磁﹜1000隙及逋仄呾互
[20120318_145148] cnt: 3 赻�腔卞灍俴今木引允﹝�e芴﹜丟乒伉妏蚚袨
[20120318_145201] cnt: 4
[20120318_145215] cnt: 5 暿卅升毛屠�仄化失皿伉及假隅趙毛�曰引允
...

?monkeryrunner.bat 午肮蕆𦵴及 snapshot 白巧伙母卞狟�互悵湔今木引允

24

方曰氾旦玄毛灍囥仄支允仁允月凶戶卞
? 踏隙仍畿賡仄凶UI氾旦玄午Monkey Runner匹
反﹜它奴斥尼永玄及ID支賒醱奻及釱㻢毛眭勻化中月
斛猁互丐曰﹜☆OK示正件毛挹允★卅升及眻紝腔卅
氾旦玄毛井仃卅中...
NativeDriver 支 Scirocco 卅升及汁奈伙及瞳蚚互晞瞳匹允ㄐ

? 仇木引匹Java及皿伕斥尼弁玄匹反手勻仁左皮斥尼弁玄
毛妏勻化�歠毛俴尹凶互﹜Android反VM互�卅
月凶戶﹜暫湔汁奈伙毛瞳蚚匹五卅中...
EasyMock 及眭舑毛 Android Mock 卞魂井六引允ㄐ
25

掛゜及掝觳
? 奶丟奈斥申亙奈失及蜊囡
每磬賒醱午筵賒醱及公木冗木卞�卅月ㄠ勾眕奻及失瓦
丟奈扑亦件毛袚樓仄引仄斤丹
每丟瓦亙奈卞ㄠ勾眕奻及黃赻及辻夔毛袚樓仄引仄斤丹
? SimpleCalc 午氾旦玄及蜊囡
每 SimpleCalc 卞逋仄呾眕俋及辻夔毛袚樓仄引仄斤丹
每氾旦玄皿伕斥尼弁玄卞逋仄呾眕俋及辻夔及氾旦玄弗奈旦
毛袚樓仄引仄斤丹
26

端端舝

Android Lecture #04 @PRO&BSC Inc.

More Related Content

Android Lecture #04 @PRO&BSC Inc.