Tiger_Dog

滑动式抽屉(SlidingDrawer)的使用

滑动式抽屉(SlidingDrawer)

 
通过手柄像抽屉一样滑动式的把带有内容的画面隐藏和表示的窗体小组件。
这个窗体组件在Android1.0里面是非公开的API(frameworks\base\core\java\com\android\internal\widget\SlidingDrawer.java)。
从Android1.5开始,变成正式的API(android.widget.SlidingDrawer类)。
这个窗体组件在Android的Home画面的ApplicationLauncher里使用了(参照下图)。
● 关闭(close)状态的SlidingDrawer(红框内的是手柄-handle)

 160-1

 

 

 

 

 

● オープン(open)状態のSlidingDrawer(赤枠のhandleを除く下部分がcontent)

 160-2

 

 

 

 

 

 

 

例程源码(Resource)
SlidingDrawer不能被单独的记述,必须作为某个控件的子控件,并且设置handle和content的id。
具体的设置可以参照下面的例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<br />
<?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?><br />
<LinearLayout xmlns:android=&quot;<a href=&quot;http://schemas.android.com/apk/res/android&quot;>http://schemas.android.com/apk/res/android</a>&quot;<br />
    android:orientation=&quot;vertical&quot;<br />
    android:layout_width=&quot;fill_parent&quot;<br />
    android:layout_height=&quot;fill_parent&quot;<br />
    android:background=&quot;#808080&quot;><br />
    <SlidingDrawer<br />
        android:id=&quot;@+id/slidingdrawer&quot;<br />
        android:layout_width=&quot;fill_parent&quot;<br />
        android:layout_height=&quot;fill_parent&quot;<br />
        android:orientation=&quot;vertical&quot;<br />
        android:handle=&quot;@+id/handle&quot;<br />
        android:content=&quot;@+id/content&quot;>        <br />
        <LinearLayout<br />
            android:id=&quot;@id/handle&quot;<br />
            android:layout_width=&quot;88dip&quot;<br />
            android:layout_height=&quot;44dip&quot;<br />
            android:background=&quot;#0000FF&quot;/><br />
        <LinearLayout<br />
            android:id=&quot;@id/content&quot;<br />
            android:layout_width=&quot;fill_parent&quot;<br />
            android:layout_height=&quot;fill_parent&quot;<br />
            android:background=&quot;#00FF00&quot;><br />
            <Button<br />
                android:id=&quot;@+id/button&quot;<br />
                android:layout_width=&quot;wrap_content&quot;<br />
                android:layout_height=&quot;wrap_content&quot;<br />
                android:text=&quot;Button&quot;/><br />
            <EditText<br />
                android:id=&quot;@+id/editText&quot;<br />
                android:layout_width=&quot;fill_parent&quot;<br />
                android:layout_height=&quot;wrap_content&quot;/><br />
        </LinearLayout><br />
    </SlidingDrawer><br />
</LinearLayout></p>
<p>

执行后,会表示成下图的样子。
● 关闭(close)状态的SlidingDrawer(handle是蓝色背景的LinearLayout)

 160-3

 

 

 
● オープン(open)状態のSlidingDrawer(contentは、緑色背景のLinearLayout)

 160-4

 

 

 

 

 

为了尽量简单的说明,在这里handle和content使用的是LinearLayout,实际运用的时候请换成适当的内容。
例如,想将handle变成按钮的时候,需要把上面记述的handle部分置换成下面的样子。
※执行时,不仅要置换例程的main.xml的一部分内容,还要追加png文件和handle.xml文件。
● 项目文件构成(res目录)

 160-5

 

 

 

 

 

 

● res\layout\main.xml(内容置换)
※把id是handle的LinearLayout块<~/>置换为Button

1
2
3
4
5
6
7
</p>
<p><Button<br />
    android:id=&quot;@id/handle&quot;<br />
    android:layout_width=&quot;88dip&quot;<br />
    android:layout_height=&quot;44dip&quot;<br />
    android:background=&quot;@drawable/handle&quot;/></p>
<p>

● res\drawable\handle.xml(要追加)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</p>
<p><?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?><br />
<selector xmlns:android=&quot;<a href=&quot;http://schemas.android.com/apk/res/android&quot;>http://schemas.android.com/apk/res/android</a>&quot;><br />
    <item android:state_window_focused=&quot;false&quot;<br />
        android:state_enabled=&quot;true&quot;<br />
        android:drawable=&quot;@drawable/handle_normal&quot; /><br />
    <item android:state_pressed=&quot;true&quot;<br />
        android:drawable=&quot;@drawable/handle_pressed&quot; /><br />
    <item android:state_focused=&quot;true&quot;<br />
        android:state_enabled=&quot;true&quot;<br />
        android:drawable=&quot;@drawable/handle_selected&quot;/><br />
    <item android:state_enabled=&quot;true&quot;<br />
        android:drawable=&quot;@drawable/handle_normal&quot; /><br />
    <item android:state_focused=&quot;true&quot;<br />
        android:drawable=&quot;@drawable/handle_selected&quot; /><br />
</selector></p>
<p>

● res\drawable\handle_normal.png(要追加)

handle_normal

 

 

● res\drawable\handle_pressed.png(追加)

 handle_pressed

 

 

● res\drawable\handle_selected.png(追加)

 handle_selected

 

 

常见问题解决
记述了SlidingDrawerResource,但是没有记述handle和content的id的时候,
编译时不会出错误,但是在执行时会出下面的错误信息
       android.view.InflateException: Binary XML file line #: Error inflating class java.lang.reflect.Constructor
解决方法,在上述的Resource记述方法,追加handle和content的id的设置。

 

例程源码(Java)
(不是必须的)如果要在handle的打开和关闭以及滚动的时候执行一些处理,
可以向下面的代码那样,在各自的事件里追加处理。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<br />
public class SlidingDrawerActivity extends Activity {<br />
    private SlidingDrawer mDialerDrawer;<br />
   <br />
    @Override<br />
    public void onCreate(Bundle savedInstanceState) {<br />
        super.onCreate(savedInstanceState);<br />
        setContentView(R.layout.main);<br />
       <br />
        mDialerDrawer = (SlidingDrawer) findViewById(R.id.slidingdrawer);<br />
       <br />
        mDialerDrawer.setOnDrawerScrollListener(new SlidingDrawer.OnDrawerScrollListener() {<br />
            @Override<br />
            public void onScrollStarted() {<br />
                Log.v(&quot;SlidingDrawerActivity&quot;, &quot;onScrollStarted()&quot;);<br />
            }<br />
            @Override<br />
            public void onScrollEnded() {<br />
                Log.v(&quot;SlidingDrawerActivity&quot;, &quot;onScrollEnded()&quot;);<br />
            }<br />
        });<br />
       <br />
        mDialerDrawer.setOnDrawerOpenListener(new SlidingDrawer.OnDrawerOpenListener() {<br />
            @Override<br />
            public void onDrawerOpened() {<br />
                Log.v(&quot;SlidingDrawerActivity&quot;, &quot;onDrawerOpened()&quot;);<br />
            }<br />
        });<br />
       <br />
        mDialerDrawer.setOnDrawerCloseListener(new SlidingDrawer.OnDrawerCloseListener() {<br />
            @Override<br />
            public void onDrawerClosed() {<br />
                Log.v(&quot;SlidingDrawerActivity&quot;, &quot;onDrawerClosed()&quot;);<br />
            }<br />
        });<br />
    }<br />
}</p>
<p>

其他可参考的源代码(Java)
● 可参照Android的源代码「packages\apps\Launcher」和「packages\apps\Phone」。

posted on 2010-12-20 11:22  Tiger_Dog  阅读(4715)  评论(0)    收藏  举报

导航