Simple Side Drawer at Yokohama2012.11

23
Slide Menu 2012/11/23 adamrocker 日本Androidの会横浜支部 第15回定例会

description

SimpleSideDrawer is an android library to add a drawer navigation into your android application. This library has high affinity with other libraries like ActionBarSherlock or etc. https://github.com/adamrocker/simple-side-drawer

Transcript of Simple Side Drawer at Yokohama2012.11

Page 1: Simple Side Drawer at Yokohama2012.11

Slide Menu2012/11/23 adamrocker

日本Androidの会横浜支部 第15回定例会

Page 2: Simple Side Drawer at Yokohama2012.11

Self-Introduction

Masahiko Adachi@adamrocker

・Developing the Simeji・Google Developer Expert (Android)・Android Maniax (Magazine: Nikkei Software)

Page 3: Simple Side Drawer at Yokohama2012.11

Drawer?

Android Designs

Page 4: Simple Side Drawer at Yokohama2012.11

SimpleSideDrawer

http://goo.gl/h0hOH

Page 5: Simple Side Drawer at Yokohama2012.11

Slide-out menu library

Page 6: Simple Side Drawer at Yokohama2012.11

How to use

Page 7: Simple Side Drawer at Yokohama2012.11

How to use

Page 8: Simple Side Drawer at Yokohama2012.11

How to use

Page 9: Simple Side Drawer at Yokohama2012.11

POINTS・Easy to use: Only 2 lines・High affinity with other libraries like ActionBarSherlock・Light weight library (Only less than 6.5KByte)

Page 10: Simple Side Drawer at Yokohama2012.11

POINTS・Easy to use: Only 2 lines・High affinity with other libraries like ActionBarSherlock・Light weight library (Only less than 6.5KByte)

Page 11: Simple Side Drawer at Yokohama2012.11

How does it work?Before

Page 12: Simple Side Drawer at Yokohama2012.11

How does it work?After

Page 13: Simple Side Drawer at Yokohama2012.11

DecorView

decor

Page 14: Simple Side Drawer at Yokohama2012.11

DecorView

decor

Page 15: Simple Side Drawer at Yokohama2012.11

SimpleSideDrawer

decor

Page 16: Simple Side Drawer at Yokohama2012.11

SimpleSideDrawer

decor

decor = mWindow.getDecorView();above = docor.getChildAt(0);decor.removeView(above);

Page 17: Simple Side Drawer at Yokohama2012.11

SimpleSideDrawer

decor FrameLayout

frame = new FrameLayout(...);

Page 18: Simple Side Drawer at Yokohama2012.11

SimpleSideDrawer

decor FrameLayout

frame = new FrameLayout(...);menu = layoutInflater.inflate(R.layout.menu)

Page 19: Simple Side Drawer at Yokohama2012.11

SimpleSideDrawer

decor FrameLayout

frame.addView(menu);frame.addView(above);

Page 20: Simple Side Drawer at Yokohama2012.11

SimpleSideDrawer

decor FrameLayout

frame.addView(menu);frame.addView(above);

Page 21: Simple Side Drawer at Yokohama2012.11

SimpleSideDrawer

decor FrameLayout

decor.addView(frame);

Page 22: Simple Side Drawer at Yokohama2012.11

SimpleSideDrawer

decorFrameLayout

decor.addView(frame);

Page 23: Simple Side Drawer at Yokohama2012.11

Thank you

ニャー ニャー