android-抽屉式界面slidingDrawer

最新推荐文章于 2024-09-14 15:50:55 发布

没落凄凉

最新推荐文章于 2024-09-14 15:50:55 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android开发 android-demo 文章标签： android layout icons encoding string class

本文链接：https://blog.youkuaiyun.com/zhangnianxiang/article/details/6661312

Android开发同时被 2 个专栏收录

95 篇文章

订阅专栏

android-demo

17 篇文章

订阅专栏

本文详细介绍了如何通过自定义适配器和滑动抽屉组件，实现一个功能丰富的界面设计。通过使用GridView与自定义适配器，展示了一种灵活且高效的界面元素布局方式。同时，展示了如何通过滑动抽屉组件来扩展应用的功能区域，提供了用户友好的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果不错的界面

适配器

package zhang.slidingDrawer;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class MyGridViewAdapter extends BaseAdapter{
	private Context _con;
	private String[] _items;
	private int[] _icons;
	public MyGridViewAdapter(Context con,String[] items,int[] icons){
		_con=con;
		_items=items;
		_icons=icons;
	}
	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return _items.length;
	}
	@Override
	public Object getItem(int arg0) {
		// TODO Auto-generated method stub
		return _items[arg0];
	}
	@Override
	public long getItemId(int arg0) {
		// TODO Auto-generated method stub
		return arg0;
	}
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		LayoutInflater factory = LayoutInflater.from(_con);
		View v = (View)factory.inflate(R.layout.grid, null);
		ImageView iv=(ImageView)v.findViewById(R.id.icon);
		TextView tv=(TextView)v.findViewById(R.id.text);
		iv.setImageResource(_icons[position]);
		tv.setText(_items[position]);
		
		
		return v;
	}

}

package zhang.slidingDrawer;

import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.SlidingDrawer;

public class slidingDrawer extends Activity {
	private GridView gv;
	private SlidingDrawer sd;
	private ImageView im;
	private int[] icons={
				R.drawable.icon,R.drawable.icon,R.drawable.icon,R.drawable.icon,R.drawable.icon,R.drawable.icon
			
	};
	private String [] items={
			"a","b","c","d","e","f"
	};
	
    /** 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.myContent1);
        sd=(SlidingDrawer)findViewById(R.id.drawer1);
        im=(ImageView)findViewById(R.id.myImage1);
        
        MyGridViewAdapter adapter = new MyGridViewAdapter(this,items,icons);
        
        gv.setAdapter(adapter);
        
        sd.setOnDrawerOpenListener(new SlidingDrawer.OnDrawerOpenListener() {
			
			@Override
			public void onDrawerOpened() {
				// TODO Auto-generated method stub
				im.setImageResource(R.drawable.icon);
				
			}
		});
        
        sd.setOnDrawerCloseListener(new SlidingDrawer.OnDrawerCloseListener() {
			
			@Override
			public void onDrawerClosed() {
				// TODO Auto-generated method stub
				im.setImageResource(R.drawable.icon);
			}
		});
    }
}

子项

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_width="wrap_content"
	android:layout_height="wrap_content" xmlns:android="http://schemas.android.com/apk/res/android">
	<ImageView android:id="@+id/icon" android:layout_width="wrap_content"
		android:layout_height="wrap_content" />
	<TextView android:id="@+id/text" android:layout_width="wrap_content"
		android:layout_height="wrap_content" />
</LinearLayout>

主界面布局

<?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="16sp" />
	<SlidingDrawer android:id="@+id/drawer1"
		android:layout_width="fill_parent" android:layout_height="fill_parent"
		android:handle="@+id/layout1" android:content="@+id/myContent1"
		android:orientation="vertical">
		<LinearLayout android:id="@id/layout1"
			android:layout_width="35px" android:layout_height="wrap_content">
		<ImageView
			android:id="@+id/myImage1"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:src="@drawable/icon"/>
			
		</LinearLayout>
		
		<GridView
			android:id="@id/myContent1"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:numColumns="2"
			android:gravity="center"/>
			
			
	</SlidingDrawer>

</RelativeLayout>