android之抽屉布局应用

最新推荐文章于 2024-09-13 10:00:10 发布

weixin_33720956

最新推荐文章于 2024-09-13 10:00:10 发布

阅读量99

点赞数

文章标签：移动开发 python

原文链接：https://my.oschina.net/androidcode/blog/104709

版权

2019独角兽企业重金招聘Python工程师标准>>>

　　我们有时后希望在一个界面中显示另外一个布局，但是又要不需要占用太多布局空间，这个时候我们可以考虑用到抽屉布局，这个名词大家可以充分发挥能动想象，相信通过下面的介绍大家一定可以对这种方式有所了解。
　　好了，让我们来看一个简单的小项目。
　　1、首先我们建一个主activity

　　package com.jindegege.activity；
　　import com.jindegege.service.MyAdapter；
　　import android.app.Activity；
　　import android.os.Bundle；
　　import android.widget.GridView；
　　import android.widget.ImageView；
　　import android.widget.SlidingDrawer；
　　public class SlidingdrawerActivity extends Activity {
　　private GridView gridview；
　　private SlidingDrawer slidingdrawer；
　　private ImageView imageview；
　　private int[] icons={R.drawable.main1，R.drawable.main2，
　　R.drawable.main3，R.drawable.main4，
　　R.drawable.main5，R.drawable.main6，
　　R.drawable.main7，R.drawable.main8，R.drawable.main9}；
　　private String[] items={"华仔"，"发哥"，"雅芝"，"柏芝"，"周星星"，"jindegege"，"老毛"，"老毕"，"涵涵"}；
　　/** Called when the activity is first created。 */
　　@Override
　　public void onCreate（Bundle savedInstanceState） {
　　super.onCreate（savedInstanceState）；
　　setContentView（R.layout.main）；
　　gridview = （GridView）findViewById（R.id.gridview）；
　　slidingdrawer = （SlidingDrawer）findViewById（R.id.sd）；
　　imageview=（ImageView）findViewById（R.id.imageview）；
　　MyAdapter adapter=new MyAdapter（this，items，icons）；//通过构造函数实例化一个MyAdapter对象，这个MyAdapter对象必须继承BaseAdapter类
　　gridview.setAdapter（adapter）；
　　slidingdrawer.setOnDrawerOpenListener（new SlidingDrawer.OnDrawerOpenListener（）//打开抽屉
　　{
　　@Override
　　public void onDrawerOpened（）
　　{
　　imageview.setImageResource（R.drawable.photo）；//打开抽屉事件
　　}
　　}）；
　　slidingdrawer.setOnDrawerCloseListener（new SlidingDrawer.OnDrawerCloseListener（）
　　{
　　@Override
　　public void onDrawerClosed（）
　　{
　　imageview.setImageResource（R.drawable.ic_launcher）；//关闭抽屉事件
　　}
　　}）；
　　}
　　}
　　package com.jindegege.activity；
　　import com.jindegege.service.MyAdapter；
　　import android.app.Activity；
　　import android.os.Bundle；
　　import android.widget.GridView；
　　import android.widget.ImageView；
　　import android.widget.SlidingDrawer；
　　public class SlidingdrawerActivity extends Activity {
　　private GridView gridview；
　　private SlidingDrawer slidingdrawer；
　　private ImageView imageview；
　　private int[] icons={R.drawable.main1，R.drawable.main2，
　　R.drawable.main3，R.drawable.main4，
　　R.drawable.main5，R.drawable.main6，
　　R.drawable.main7，R.drawable.main8，R.drawable.main9}；
　　private String[] items={"华仔"，"发哥"，"雅芝"，"柏芝"，"周星星"，"jindegege"，"老毛"，"老毕"，"涵涵"}；
　　/** Called when the activity is first created. */
　　@Override
　　public void onCreate（Bundle savedInstanceState） {
　　super.onCreate（savedInstanceState）；
　　setContentView（R.layout.main）；
　　gridview = （GridView）findViewById（R.id.gridview）；
　　slidingdrawer = （SlidingDrawer）findViewById（R.id.sd）；
　　imageview=（ImageView）findViewById（R.id.imageview）；
　　MyAdapter adapter=new MyAdapter（this，items，icons）；//通过构造函数实例化一个MyAdapter对象，这个MyAdapter对象必须继承BaseAdapter类
　　gridview.setAdapter（adapter）；
　　slidingdrawer.setOnDrawerOpenListener（new SlidingDrawer.OnDrawerOpenListener（）//打开抽屉
　　{
　　@Override
　　public void onDrawerOpened（）
　　{
　　imageview.setImageResource（R.drawable.photo）；//打开抽屉事件
　　}
　　}）；
　　slidingdrawer.setOnDrawerCloseListener（new SlidingDrawer.OnDrawerCloseListener（）
　　{
　　@Override
　　public void onDrawerClosed（）
　　{
　　imageview.setImageResource（R.drawable.ic_launcher）；//关闭抽屉事件
　　}
　　}）；
　　}
　　}
　　2、新建这个主activity要加载的布局文件
　　[html]
　　<?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="fill_parent"
　　android：layout_height="fill_parent"
　　android：handle="@+id/imageview"
　　android：content="@+id/gridview"
　　android：orientation="vertical"
　　>
　　<ImageView
　　android：id="@id/imageview"
　　android：layout_width="wrap_content"
　　android：layout_height="wrap_content"
　　android：src="@drawable/ic_launcher"
　　/>
　　<GridView
　　android：id="@id/gridview"
　　android：layout_width="wrap_content"
　　android：layout_height="wrap_content"
　　android：numColumns="3"
　　android：background="#EE82EE"
　　android：gravity="center"
　　/>
　　</SlidingDrawer>
　　</RelativeLayout>
　　<?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="fill_parent"
　　android：layout_height="fill_parent"
　　android：handle="@+id/imageview"
　　android：content="@+id/gridview"
　　android：orientation="vertical"
　　>
　　<ImageView
　　android：id="@id/imageview"
　　android：layout_width="wrap_content"
　　android：layout_height="wrap_content"
　　android：src="@drawable/ic_launcher"
　　/>
　　<GridView
　　android：id="@id/gridview"
　　android：layout_width="wrap_content"
　　android：layout_height="wrap_content"
　　android：numColumns="3"
　　android：background="#EE82EE"
　　android：gravity="center"
　　/>
　　</SlidingDrawer>
　　</RelativeLayout>

　　第三步：在主activity中，我们要通过构造函数实例化一个MyAdapter对象，这个MyAdapter对象必须继承BaseAdapter类，　　以用来自定义一个适配器，先新建一个xml文件item。xml，这只是一个简单的样式。

　　[html]
　　<?xml version="1.0" encoding="utf-8"?>
　　<LinearLayout
　　xmlns：android="http：//schemas.android.com/apk/res/android"
　　android：orientation="vertical"
　　android：layout_width="fill_parent"
　　android：layout_height="fill_parent"
　　>
　　<ImageView
　　android：id="@+id/icon"
　　android：layout_width="wrap_content"
　　android：layout_height="40px"
　　android：layout_gravity="center"
　　/>
　　<TextView
　　android：id="@+id/text"
　　android：layout_width="fill_parent"
　　android：layout_height="wrap_content"
　　android：gravity="center"
　　android：textColor="#000000"
　　/>
　　</LinearLayout>
　　<?xml version="1.0" encoding="utf-8"?>
　　<LinearLayout
　　xmlns：android="http：//schemas.android.com/apk/res/android"
　　android：orientation="vertical"
　　android：layout_width="fill_parent"
　　android：layout_height="fill_parent"
　　>
　　<ImageView
　　android：id="@+id/icon"
　　android：layout_width="wrap_content"
　　android：layout_height="40px"
　　android：layout_gravity="center"
　　/>
　　<TextView
　　android：id="@+id/text"
　　android：layout_width="fill_parent"
　　android：layout_height="wrap_content"
　　android：gravity="center"
　　android：textColor="#000000"
　　/>
　　</LinearLayout>

　　第四步：这个时候就是设计我们自定义的类了。

　　package com.jindegege.service；
　　import com.jindegege.activity.R；
　　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 MyAdapter extends BaseAdapter
　　{
　　private Context context；
　　private String[] items；
　　private int[] icons；
　　public MyAdapter（Context context，String[] items，int[] icons） //构造器
　　{
　　this.context=context；
　　this.items=items；
　　this.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；
　　}
　　@Override
　　public View getView（int position， View convertView， ViewGroup parent）
　　{
　　LayoutInflater factory = LayoutInflater.from（context）；
　　View v = （View） factory.inflate（R.layout.item， null）；//绑定自定义的layout
　　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 com.jindegege.service；
　　import com.jindegege.activity.R；
　　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 MyAdapter extends BaseAdapter
　　{
　　private Context context；
　　private String[] items；
　　private int[] icons；
　　public MyAdapter（Context context，String[] items，int[] icons） //构造器
　　{
　　this.context=context；
　　this.items=items；
　　this.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；
　　}
　　@Override
　　public View getView（int position， View convertView， ViewGroup parent）
　　{
　　LayoutInflater factory = LayoutInflater.from（context）；
　　View v = （View） factory.inflate（R.layout.item， null）；//绑定自定义的layout
　　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；
　　}
　　}

　　好的，效果图就不给大家贴出了，大家可以自己下载该小项目，看看效果，自己也可以修改实现更好的效果。
　　源代码下载地址：