Android: SlidingDrawer 抽屜效果 (Gesture View Like Facebook Notification)
要是實現這樣的功能很簡單,就是SlidingDrawer的使用
效果如下圖:手指按住Notification往上/往下拉動,顯示/隱藏notification content
XML
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout android:id="@+id/LinearLayout01"
- android:layout_width="fill_parent" android:layout_height="fill_parent"
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical" android:gravity="bottom">
- <SlidingDrawer android:layout_width="wrap_content"
- android:id="@+id/SlidingDrawer" android:handle="@+id/slideHandleButton"
- android:content="@+id/contentLayout" android:padding="10dip"
- android:layout_height="200dip">
- <Button android:layout_width="wrap_content"
- android:layout_height="wrap_content" android:id="@+id/slideHandleButton"
- android:background="@drawable/arrowup"></Button>
- <LinearLayout android:layout_width="wrap_content"
- android:id="@+id/contentLayout" android:orientation="vertical"
- android:gravity="center|top" android:padding="10dip"
- android:background="#505050" android:layout_height="wrap_content">
- <TextView android:id="@+id/TextView01" android:layout_width="wrap_content"
- android:layout_height="fill_parent" android:layout_weight="8" android:text="Hello Slider"></TextView>
- <Button android:id="@+id/Button02" android:layout_weight="2" android:layout_width="wrap_content"
- android:layout_height="wrap_content" android:text="Do anything"></Button>
- </LinearLayout>
- </SlidingDrawer>
- </LinearLayout>
activity
- public class SliderActivity extends Activity {
- Button slideHandleButton;
- SlidingDrawer slidingDrawer;
-
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
-
- setContentView(R.layout.main);
- slideHandleButton = (Button) findViewById(R.id.slideHandleButton);
- slidingDrawer = (SlidingDrawer) findViewById(R.id.SlidingDrawer);
-
- slidingDrawer.setOnDrawerOpenListener(new OnDrawerOpenListener() {
- @Override
- public void onDrawerOpened() {
- slideHandleButton.setBackgroundResource(R.drawable.arrowdown);
- }
- });
-
- slidingDrawer.setOnDrawerCloseListener(new OnDrawerCloseListener() {
- @Override
- public void onDrawerClosed() {
- slideHandleButton.setBackgroundResource(R.drawable.arrowup);
- }
- });
- }
- }
不用講解,layout.xml和java代碼很清晰。