Android UI进阶之android中隐藏的layout 抽屉的运用

日期：2020-06-07 栏目：程序人生浏览：次

最近在写一个应用，想把设置页面和应用页面放在一起，这样就能实现用户可以实时看到自己的设置对UI的影响，从而更方便的设置用户喜欢的界面。想了一段时间，发现用slidingDrawer这个控件可以实现这个效果。也就是一个抽屉。拉开抽屉，占据半个屏幕，另外半个屏幕还是显示应用页面。效果还是不错的。

今天就和大家分享一下Android中这个抽屉效果。其实在android的lanucher就是一个抽屉，打开它就可以看到安装的应用。相信大家都见过用过。下面我们就来做个相同的效果，当然只是UI上差不多相同的效果。

slidingDrawer这个控件使用非常简单，基本在xml里面配置就可以。代码如下所示。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello"
    android:textSize="20sp"
/>
<SlidingDrawer
    android:id="@+id/sd"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:handle="@+id/iv"
    android:content="@+id/myContent"
    android:orientation="vertical"
>

在SlidingDrawer这个标签下android:handle：指示的就是抽屉的图片。android:content:指向的就是抽屉里面的布局。有了这个布局，其实一个抽屉就出来了。

下面我们看Chouti这个类的代码

public class Chouti extends Activity {

private GridView gv;
private SlidingDrawer sd;
private ImageView iv;
private int[] icons={R.drawable.browser,R.drawable.gallery,
                        R.drawable.camera,R.drawable.gmail,
                        R.drawable.music,R.drawable.market,
                        R.drawable.phone,R.drawable.messages,R.drawable.maps};
private String[] items={"浏览器","图片","相机","时钟","音乐","市场","拨号","信息","地图"};

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        gv = (GridView)findViewById(R.id.myContent);
        sd = (SlidingDrawer)findViewById(R.id.sd);
        iv=(ImageView)findViewById(R.id.iv);
        MyAdapter adapter=new MyAdapter(this,items,icons);//自定义MyAdapter来实现图标加item的显示效果
        gv.setAdapter(adapter);
        sd.setOnDrawerOpenListener(new SlidingDrawer.OnDrawerOpenListener()//开抽屉
        {
          @Override
          public void onDrawerOpened()
          {
            iv.setImageResource(R.drawable.close1);//响应开抽屉事件，把图片设为向下的
          }
        });
        sd.setOnDrawerCloseListener(new SlidingDrawer.OnDrawerCloseListener()
        {
          @Override
          public void onDrawerClosed()
          {
            iv.setImageResource(R.drawable.open1);//响应关抽屉事件
          }
        });
    }
}

在整个类里面将布局导入，同时设置开关抽屉的监听事件。这里面我们需要自定义一个MyAdapter来显示带文字下标的图片。

下面是MyAdapter这个类的代码

public class MyAdapter extends BaseAdapter
{
private Context _ct;
private String[] _items;
private int[] _icons;

public MyAdapter(Context ct,String[] items,int[] icons) //构造器
{
    _ct=ct;
    _items=items;
    _icons=icons;
}

@Override
public int getCount()
{
return _items.length;
}

@Override
public Object getItem(int arg0)
{
return _items[arg0];
}

@Override
public long getItemId(int position)
{
return position;
}

转载注明出处：https://www.heiqu.com/wydgjy.html

Android UI进阶之android中隐藏的layout 抽屉的运用

相关推荐