天天看点

抽屉组件SlidingDrawer的实现,自定义View的配置和实用

SlidingDrawer可以实现抽屉组件的功能,但有局限性,只支持从右向左打开或从下向上打开抽屉

这个抽屉组件在使用时,需要由两部分组成:

1)  抽屉内容(Content)

2)  抽屉把手(Handle):一般使用一张图片来处理。

效果图:

抽屉组件SlidingDrawer的实现,自定义View的配置和实用
抽屉组件SlidingDrawer的实现,自定义View的配置和实用

编写一个布局,完成抽屉组件的显示:activity_main.xml

<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" >

    <TextView

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:gravity="center"

        android:text="这里是底层内容"

        android:textColor="#ff0000"

        android:textSize="30sp" />

    <SlidingDrawer

        android:id="@+id/sliding"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:content="@+id/content"

        android:handle="@+id/handle_img"

        android:orientation="horizontal" >

        <ImageView

            android:id="@id/handle_img"

            android:layout_width="30dp"

            android:layout_height="800dp"

            android:src="@drawable/show" />

        <LinearLayout

            android:id="@id/content"

            android:background="#0000ff"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:orientation="vertical" >

            <Button

                android:id="@+id/select_btn"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="选择对话框" />

            <Button

                android:id="@+id/radio_btn"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="单选对话框" />

            <Button

                android:id="@+id/checkbox_btn"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="多选对话框" />

            <Button

                android:id="@+id/date_btn"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="日期选择对话框" />

            <Button

                android:id="@+id/time_btn"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="时间选择对话框" />

            <Button

                android:id="@+id/my_btn"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="自定义对话框" />

            <Button

                android:id="@+id/toast_btn"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="自定义浮动框" />

        </LinearLayout>

    </SlidingDrawer>

</RelativeLayout>

//SlidingDrawer也要设置方向,水平方向就是从右向左,垂直方向就是从下向上

可以加入监听,控制SlidingDrawer中的Handle图片的切换。

       private SlidingDrawer drawer;

private ImageView handleImg;

drawer = (SlidingDrawer)findViewById(R.id.sliding);

        handleImg = (ImageView) findViewById(R.id.handle_img);

       drawer.setOnDrawerOpenListener(newOnDrawerOpenListener() {

        @Override

        public void onDrawerOpened() {

           handleImg.setImageResource(R.drawable.hide);

        }

      });

      drawer.setOnDrawerCloseListener(new OnDrawerCloseListener() {

        @Override

        public void onDrawerClosed() {

           handleImg.setImageResource(R.drawable.show);

        }

      });

抽屉组件功能实现;-------------------------------------------------------------------------------------------------------------------

自定义View的配置和使用:

自定义View就是开发人员自行开发一个组件,可以自由控制组件实现的功能,在99%的游戏中,和很多大型的应用中都会用到自定义View。

编写自定义的View时,必须继承一个View的类,并覆写onDraw方法。

onDraw方法中提供了绘制当前组件内部的所有内容的功能。

同时还要覆写构造方法。

一般的自定义组件都要加入onTouchListener触屏监听。

一、建立一个自定义的组件,并完成一些简单的绘制操作。

public class MyView extends View {

   public MyView(Context context) {

      super(context);

   }

   public MyView(Context context, AttributeSet attrs) {

      super(context, attrs);

   }

   public MyView(Context context, AttributeSet attrs, int defStyle) {

      super(context, attrs, defStyle);

   }

   // 绘制组件中的具体内容

   @Override

   protected void onDraw(Canvascanvas) {

      // 先清空之前绘制的所有内容.

      super.onDraw(canvas);

      // 建立绘制参数对象

      Paint paint = new Paint();

      // 通过该对象设置绘制的颜色,文字大小,填充状态等信息

      paint.setTextSize(20);

      paint.setColor(Color.RED);

      // 绘制一些内容

      // 绘制文字

      canvas.drawText("测试信息", 100, 50, paint);

      // 切换新的颜色

      paint.setColor(Color.GREEN);

      // 绘制线

      canvas.drawLine(50, 100, 100, 200, paint);

      // 设置绘制的形式,以及颜色

      paint.setColor(Color.BLUE);

      paint.setStyle(Style.FILL_AND_STROKE);

      // 绘制图形

      canvas.drawRect(100, 400, 300, 500,paint);

      // 绘制已有的图片

      canvas.drawBitmap(BitmapFactory.decodeResource(getResources(),

           R.drawable.close_dir), 100, 600, paint);

   }

}

二、创建配置实用

<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"

    android:background="#ffffff">

    <org.liky.first.view.MyView

        android:id="@+id/my_view"

        android:layout_width="match_parent"

        android:layout_height="match_parent">

    </org.liky.first.view.MyView>

</RelativeLayout>