android app development 20150611

28
Android App Development 7 11 June, 2015

Upload: hideo-kadowaki

Post on 14-Aug-2015

132 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Android App Development 20150611

Android App Development 7

11 June, 2015

Page 2: Android App Development 20150611

Last Workshop

Creating a signed APK Installing an APK file Changing App icon

Page 3: Android App Development 20150611

Locking Screen Orientation Advanced Layout Editor

Today’s Contents

Page 4: Android App Development 20150611

Preparations

New Project Application name: Advanced Layout

Editor Minimum SDK: API8 Activity: Blank Activity Activity Name: MainActivity

Image Files Put image files into folder res/drawable

shakehands.png jamaica.png japan.png

Page 5: Android App Development 20150611

Locking Screen Orientation

Page 6: Android App Development 20150611

Auto-rotate Screen

Locking Screen Orientation

landscape modeportrait mode

Page 7: Android App Development 20150611

Force “landscape” mode Edit app > manifests >

AndroidManifest.xml

Locking Screen Orientation

Page 8: Android App Development 20150611

Simulator

Locking Screen Orientation

Ctrl + F11

Page 9: Android App Development 20150611

Advanced Layout Editor

Page 10: Android App Development 20150611

Develop an app layoutby dragging and dropping objects

Advanced Layout Editor

Page 11: Android App Development 20150611

Advanced Layout Editor

Page 12: Android App Development 20150611

Advanced Layout Editor

LinearLayout(horizontal)

textView

imageView

textView

imageView imageView

Page 13: Android App Development 20150611

Change Background Color

Advanced Layout Editor

Page 14: Android App Development 20150611

Add Text View

Advanced Layout Editor

Page 15: Android App Development 20150611

Advanced Layout Editor

Page 16: Android App Development 20150611

Add LinearLayout (horizontal)

Advanced Layout Editor

Page 17: Android App Development 20150611

Add ImageView

Advanced Layout Editor

Page 18: Android App Development 20150611

Advanced Layout Editor

Page 19: Android App Development 20150611

Set “src” property of ImageView

Advanced Layout Editor

Page 20: Android App Development 20150611

Set “weight” property of ImageView

Advanced Layout Editor

Page 21: Android App Development 20150611

Change “width” property of ImageView

Advanced Layout Editor

Page 22: Android App Development 20150611

Change Device of Preview

Advanced Layout Editor

Page 23: Android App Development 20150611

Advanced Layout Editor

Page 24: Android App Development 20150611

http://android4beginners.com/2013/07/appendix-c-everything-about-sizes-and-dimensions-in-android/

Adjust Text Size for Different Screen Sizes

Page 25: Android App Development 20150611

Wrap Up for Today

Locking Screen Orientation Advanced Layout Editor

Page 26: Android App Development 20150611

Good job !

Page 27: Android App Development 20150611
Page 28: Android App Development 20150611

Weight Attribute

A number that specifies the amount of remaining space each view should consume

weight = 2weight =

1

View A View B

fills 2/3 fills 1/3

Screen Width