SlidingDrawer

安卓中1.5后加入了SlidingDrawer【隐藏式抽屉】，设计原理在你的UI布局有限的情况下，放不下太多的控件的时候，可以考虑用这个隐藏式抽屉。用SlidingDrawer注意两点，一个是android：handle（委托要展开的图片加载Layout配置）和android：content（要展开的Layout Content），转载请标明出处：

http://blog.csdn.net/wdaming1986/article/details/6898374

下面看程序截图：

程序开始界面：点击右边的箭头后出现的界面：

点击左边的箭头后出现的界面：

在SlidingDrawerActivity工程下：

一、在com.cn.daming包下的SlidingDrawerMainActivity.java类中的代码：

[java] view plain copy print ?

<spanstyle="font-size:16px;">packagecom.cn.daming;
importandroid.app.Activity;
importandroid.content.res.Configuration;
importandroid.os.Bundle;
importandroid.widget.GridView;
importandroid.widget.ImageView;
importandroid.widget.SlidingDrawer;
publicclassSlidingDrawerMainActivityextendsActivity{
privateGridViewgridView;
privateSlidingDrawerslidingDrawer;
privateImageViewimageView;
privateint[]icons={
R.drawable.title1,R.drawable.title2,
R.drawable.title3,R.drawable.title4,
R.drawable.title5,R.drawable.title6
};
privateString[]items={
"Phone","Message","AddImage","Music","Telephone","SMS"
};
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
gridView=(GridView)findViewById(R.id.mycontent);
slidingDrawer=(SlidingDrawer)findViewById(R.id.sliding_drawer);
imageView=(ImageView)findViewById(R.id.my_image);
MyGridViewAdapteradapter=newMyGridViewAdapter(this,items,icons);
gridView.setAdapter(adapter);
slidingDrawer.setOnDrawerOpenListener(newSlidingDrawer.OnDrawerOpenListener(){
publicvoidonDrawerOpened(){
imageView.setImageResource(R.drawable.right1);
}
});
slidingDrawer.setOnDrawerCloseListener(newSlidingDrawer.OnDrawerCloseListener(){
publicvoidonDrawerClosed(){
imageView.setImageResource(R.drawable.left1);
}
});
}
@Override
publicvoidonConfigurationChanged(ConfigurationnewConfig){
super.onConfigurationChanged(newConfig);
}
}

二、在com.cn.daming包下的MyGridViewAdapter.java类中的代码：

[java] view plain copy print ?

<spanstyle="font-size:16px;">packagecom.cn.daming;
importandroid.content.Context;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.view.ViewGroup;
importandroid.widget.BaseAdapter;
importandroid.widget.ImageView;
importandroid.widget.TextView;
publicclassMyGridViewAdapterextendsBaseAdapter{
privateContextcontext;
privateString[]items;
privateint[]icons;
publicMyGridViewAdapter(Contextcontext,String[]items,int[]icons){
this.context=context;
this.items=items;
this.icons=icons;
}
publicintgetCount(){
returnitems.length;
}
publicObjectgetItem(intarg0){
returnitems[arg0];
}
publiclonggetItemId(intposition){
returnposition;
}
publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
LayoutInflaterlayoutInflater=LayoutInflater.from(context);
Viewview=(View)layoutInflater.inflate(R.layout.grid,null);
ImageViewimageView=(ImageView)view.findViewById(R.id.image_view);
TextViewtextview=(TextView)view.findViewById(R.id.text_view);
imageView.setImageResource(icons[position]);
textview.setText(items[position]);
returnview;
}
}

三、在res包下的layout下的main.xml中的代码：

[html] view plain copy print ?

<spanstyle="font-size:16px;"><?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:id="@+id/text_view"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dip"
android:text="@string/hello"
android:textSize="10pt"
android:gravity="center"
/>
<SlidingDrawer
android:id="@+id/sliding_drawer"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:handle="@+id/layout1"
android:content="@+id/mycontent"
android:orientation="horizontal"
>
<LinearLayout
android:id="@id/layout1"
android:layout_width="35px"
android:layout_height="fill_parent"
android:gravity="center"
android:background="#00000000"
>
<ImageView
android:id="@+id/my_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/left1"
/>
</LinearLayout>
<GridView
android:id="@id/mycontent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingTop="20dip"
android:numColumns="3"
android:gravity="center"
android:background="#ff000000"
/>
</SlidingDrawer>
</RelativeLayout>

四、在res包下的layout下的grid.xml中的代码：

[html] view plain copy print ?

<spanstyle="font-size:16px;"><?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
>
<ImageView
android:id="@+id/image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="5dip"
/>
<TextView
android:id="@+id/text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="15dip"
/>
</LinearLayout>

五、在AndroidManifest.xml中的代码：

[html] view plain copy print ?

<spanstyle="font-size:16px;"><?xmlversion="1.0"encoding="utf-8"?>
<manifestxmlns:android="http://schemas.android.com/apk/res/android"
package="com.cn.daming"
android:versionCode="1"
android:versionName="1.0">
<uses-sdkandroid:minSdkVersion="8"/>
<applicationandroid:icon="@drawable/icon"android:label="@string/app_name">
<activityandroid:name=".SlidingDrawerMainActivity"
android:label="@string/app_name"
android:configChanges="orientation|locale">
<intent-filter>
<actionandroid:name="android.intent.action.MAIN"/>
<categoryandroid:name="android.intent.category.LAUNCHER"/>
</intent-filter>
</activity>
</application>
</manifest>

补充说明：

也可以设置垂直的隐藏拉抽屉方式，设置SlidingDrawer中的android:orientation="vertical"。

看下截图效果：

点击下拉图标后界面：点击上拉图标后的界面：

修改下res包下的layout下的main.xml文件中的代码：

[html] view plain copy print ?

<spanstyle="font-size:16px;"><?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:id="@+id/text_view"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dip"
android:text="@string/hello"
android:textSize="10pt"
android:gravity="center"
/>
<SlidingDrawer
android:id="@+id/sliding_drawer"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:handle="@+id/layout1"
android:content="@+id/mycontent"
android:orientation="vertical"
>
<LinearLayout
android:id="@id/layout1"
android:layout_width="fill_parent"
android:layout_height="35px"
android:gravity="center"
android:background="#00000000"
>
<ImageView
android:id="@+id/my_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/up1"
/>
</LinearLayout>
<GridView
android:id="@id/mycontent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingTop="20dip"
android:numColumns="3"
android:gravity="center"
android:background="#ff000000"
/>
</SlidingDrawer>
</RelativeLayout>

修改grid.xml文件中的代码：

[html] view plain copy print ?

<spanstyle="font-size:16px;"><?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
>
<ImageView
android:id="@+id/image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="5dip"
android:layout_marginLeft="27dip"
/>
<TextView
android:id="@+id/text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="15dip"
android:layout_marginLeft="27dip"
/>
</LinearLayout>

原文地址： http://blog.csdn.net/wdaming1986/article/details/6898374

更多相关文章

随机推荐