在上一篇中,我们已经把框架搭建的差不多了,只剩下最后一个需要的功能框架,就是右滑栏。对于右滑栏的使用,我们使用在github上比较火热的SlidingMenu来创建我们需要的侧滑栏。
首先我们需要为我们的侧滑栏创建一个布局文件,在res/layout文件夹下面创建一个activity_left_layout.xml文件,并选择RelativeLayout布局。
在我们的侧滑栏中肯定放一些选项,那么我们就是用ListView进行布局,下面看一下代码:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/mgrey" >
<RelativeLayout
android:id="@+id/rl_left_main"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ListView
android:id="@+id/lv_test"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</ListView>
</RelativeLayout>
</RelativeLayout>
侧滑栏的使用方式很简单,现在我们考虑是把侧滑栏放到MarketTab中呢还是放在我们的 HomeActivity中的呢?为了在全局都能够使用侧滑栏,我们就把他放在MarketTab中。
在使用侧滑栏之前,我们先为侧滑栏定义几个样式。
首先在我们的res/values文件夹下面的dimens.xml文件中创建两个dimen,看一下代码:
<dimen name="shadow_width">10dp</dimen>
<dimen name="slidingmenu_offset">90dp</dimen>
这两个分别用于设置宽度和偏离屏幕的宽度。
我们还需要在res/drawable文件夹下面创建一个shadow.xml来设置一下该SlidingMenu的背景。
我们把他的背景设置成渐变的。
这个比较简单,源代码如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<gradient
android:endColor="#33000000"
android:centerColor="#11000000"
android:startColor="#00000000" />
</shape>
好了,定义好这些东西之后,我们就可以使用我们的SlidinigMenu了。
在我们之前定义的MarketTab类中的onCreate()方法中的最后,我们添加
如下代码:
SlidingMenu slidingMenu = new SlidingMenu(this);
slidingMenu.setMode(SlidingMenu.LEFT); //设置 SlidingMenu从左侧划出
slidingMenu.setTouchModeAbove(SlidingMenu.SLIDING_CONTENT);
slidingMenu.setShadowWidthRes(R.dimen.shadow_width); // shadow的宽度
slidingMenu.setShadowDrawable(R.drawable.shadow); // shadow的样式
slidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset); // 偏离屏幕的宽度
slidingMenu.setFadeDegree(0.35f);
slidingMenu.attachToActivity(this, SlidingMenu.TOUCHMODE_FULLSCREEN);
slidingMenu.setMenu(R.layout.activity_left_layout); //对应的界面布局
这样,我们的SlidngMenu就算是写好了,等以后我们再向里面添加内容。
直到现在,我们的框架就算是搭建好了,后面就是我们添加内容了,我先说一下我们后面的思路。
最后完成之后,我们这个项目也就完成了。
加油吧,同志们!!!
版权声明:您好,转载请留下本人博客的地址,谢谢
原文地址:http://blog.csdn.net/hongbochen1223/article/details/47018887