最近在項目裡面需要做一個類似抽屜的功能,同時抽屜的内容的元件能夠實作滑動功能,這裡實作這個功能:
首先設計布局代碼,代碼如下:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<SlidingDrawer
android:id="@+id/slidingDrawer1"
android:layout_width="wrap_content"
android:layout_height="80dp"
android:layout_alignParentBottom="true"
android:content="@+id/content"
android:handle="@+id/handle" >
<Button
android:id="@+id/handle"
android:layout_width="wrap_content"
android:layout_height="20dp"
android:text="Handle" />
<HorizontalScrollView
android:id="@+id/content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:background="@android:color/black"
android:scrollbars="none" >
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_gravity="center_vertical"
android:gravity="center_vertical"
android:id="@+id/content_linear"
android:orientation="horizontal" >
<Button
android:layout_width="70dp"
android:layout_height="50dp"
android:layout_marginLeft="10dp"
android:id="@+id/btn1"
android:text="btn1" >
</Button>
<Button
android:layout_width="70dp"
android:layout_height="50dp"
android:layout_marginLeft="10dp"
android:text="btn2" >
</Button>
<Button
android:layout_width="70dp"
android:layout_height="50dp"
android:layout_marginLeft="10dp"
android:text="btn3" >
</Button>
<Button
android:layout_width="70dp"
android:layout_height="50dp"
android:layout_marginLeft="10dp"
android:text="btn4" >
</Button>
<Button
android:layout_width="70dp"
android:layout_height="50dp"
android:layout_marginLeft="10dp"
android:text="btn5" >
</Button>
<Button
android:layout_width="70dp"
android:layout_height="50dp"
android:layout_marginLeft="10dp"
android:text="btn5" >
</Button>
<Button
android:layout_width="70dp"
android:layout_height="50dp"
android:layout_marginLeft="10dp"
android:text="btn5" >
</Button>
<Button
android:layout_width="70dp"
android:layout_height="50dp"
android:layout_marginLeft="10dp"
android:text="btn5" >
</Button>
<Button
android:layout_width="70dp"
android:layout_height="50dp"
android:layout_marginLeft="10dp"
android:text="btn5" >
</Button>
</LinearLayout>
</HorizontalScrollView>
</SlidingDrawer>
</RelativeLayout>
實作代碼如下:
package com.example.test;
import android.app.Activity;
import android.os.Bundle;
public class Test extends Activity{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
效果圖如下:
但是這裡有一個問題就是滑動事件與按鈕的Touch事件沖突,當實作按鈕的touch事件的時候,移動元件,松開元件無法捕獲其up事件,對于這個問題,在下一章解決