Android实现矩形设置菜单

最近试着做下图的界面，源码分享，先上图看看效果吧，下面代码为白色区域。

 

 

xml Layout

 

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="fill_parent">

	<LinearLayout android:id="@+id/all_details"
		android:layout_width="fill_parent" android:layout_height="fill_parent"
		android:orientation="vertical">
		<TextView android:text="@string/settings"
			android:layout_width="fill_parent" android:layout_height="wrap_content"
			android:layout_marginLeft="10px" android:id="@+id/settingsText"
			android:textSize="20sp" android:textStyle="bold" android:layout_marginBottom="10dip">
		</TextView>
		<RelativeLayout android:layout_width="fill_parent"
			android:layout_height="wrap_content" android:orientation="horizontal"
			android:layout_gravity="center_vertical" android:background="@drawable/imagetop"
			android:layout_marginLeft="10px"
			android:layout_marginRight="10px" android:paddingLeft="10px">
			<CheckBox android:id="@+id/firewall_checkBox" android:layout_width="@android:dimen/app_icon_size"
				android:layout_height="@android:dimen/app_icon_size"
				android:layout_alignParentRight="true" android:scaleType="fitCenter"
				android:layout_gravity="center" />
			<TextView android:id="@+id/apps_name" android:layout_width="wrap_content"
				android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium"
				android:textColor="#000000" android:textSize="18dip"
				android:layout_alignParentTop="true" android:layout_alignParentLeft="true"
				android:paddingTop="10dip" android:paddingRight="6dip"
				android:paddingLeft="6dip" android:layout_gravity="center"
				android:text="@string/firewall_switch" />


		</RelativeLayout>
		<RelativeLayout android:layout_width="fill_parent"
			android:layout_height="wrap_content" android:orientation="horizontal"
			android:layout_gravity="center_vertical" android:background="@drawable/imagemid"
			android:layout_marginLeft="10px" 
			android:layout_marginRight="10px" android:paddingLeft="10px">
			<CheckBox android:id="@+id/call_checkBox" android:layout_width="@android:dimen/app_icon_size"
				android:layout_height="@android:dimen/app_icon_size"
				android:layout_alignParentRight="true" android:scaleType="fitCenter"
				android:layout_gravity="center" />
			<TextView android:id="@+id/apps_name" android:layout_width="wrap_content"
				android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium"
				android:textColor="#000000" android:textSize="18dip"
				android:layout_alignParentTop="true" android:layout_alignParentLeft="true"
				android:paddingTop="10dip" android:paddingRight="6dip"
				android:paddingLeft="6dip" android:layout_gravity="center"
				android:text="@string/blockincomingcall"/>


		</RelativeLayout>
		<RelativeLayout android:layout_width="fill_parent"
			android:layout_height="wrap_content" android:orientation="horizontal"
			android:layout_gravity="center_vertical" android:background="@drawable/imagebottom"
			android:layout_marginLeft="10px"
			android:layout_marginRight="10px" android:paddingLeft="10px">
			<CheckBox android:id="@+id/sms_checkbox" android:layout_width="@android:dimen/app_icon_size"
				android:layout_height="@android:dimen/app_icon_size"
				android:layout_alignParentRight="true" android:scaleType="fitCenter"
				android:layout_gravity="center" />
			<TextView android:id="@+id/apps_name" android:layout_width="wrap_content"
				android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium"
				android:textColor="#000000" android:textSize="18dip"
				android:layout_alignParentTop="true" android:layout_alignParentLeft="true"
				android:paddingTop="10dip" android:paddingRight="6dip"
				android:paddingLeft="6dip" android:layout_gravity="center"
				 android:text="@string/showcalllocation"/>


		</RelativeLayout>

	</LinearLayout>
</ScrollView>

 

imagetop.xml(保存于drawable)

 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient 
    	android:startColor="#FFFFFF" 
    	android:endColor="#CCCCCC" 
    	android:angle="270" android:centerY="0.75"
    	/>
 
    <corners android:radius="1dp"
             android:bottomRightRadius="0dp"
             android:topRightRadius="7dp"
             android:bottomLeftRadius="0dp"
             android:topLeftRadius="7dp"
             />
 
             <!-- 
    <corners android:radius="5dip" />
    -->
</shape>

 

imagemid.xml

 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient 
    	android:startColor="#FFFFFF" 
    	android:endColor="#CCCCCC" 
    	android:angle="270" android:centerY="0.75"
    	/>

</shape>

 

imagebottom.xml

 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient 
    	android:startColor="#FFFFFF" 
    	android:endColor="#CCCCCC" 
    	android:angle="270" android:centerY="0.75"
    	/>

    <corners android:radius="1dp"
             android:bottomRightRadius="7dp"
             android:topRightRadius="0dp"
             android:bottomLeftRadius="7dp"
             android:topLeftRadius="0dp"
             />
</shape>

 

 

 

 

 

 

评论

8 楼 wenjiefeng 2011-11-18  

源码呢楼主，可以分享一下嘛

7 楼 王路喜 2011-08-04  

楼主，java文件对吗？

6 楼 javacn_org 2010-09-26  

源码附近分享下啊

5 楼 fonter 2010-07-16  

j2live 写道

fonter 写道

j2live 写道

我是想找实现截图中顶部和底部菜单找到这的...
发现有不少值得学习的东西哦..
不知博主能否共享下顶部和底部固定菜单的实现啊?

哈哈。介绍一个开源的代码你吧。http://code.google.com/p/mobyfactory-uiwidgets-android/这个的实现效果和我的一样，我的参考它的，里面的代码没有实上头部，你只要看明白它的代码改起来是非常容易哦。。

过去看了下对我很有用哈..
谢啦..

不客气，能帮到你我也黑皮...

4 楼 j2live 2010-07-16  

fonter 写道

j2live 写道

我是想找实现截图中顶部和底部菜单找到这的...
发现有不少值得学习的东西哦..
不知博主能否共享下顶部和底部固定菜单的实现啊?

哈哈。介绍一个开源的代码你吧。http://code.google.com/p/mobyfactory-uiwidgets-android/这个的实现效果和我的一样，我的参考它的，里面的代码没有实上头部，你只要看明白它的代码改起来是非常容易哦。。

过去看了下对我很有用哈..
谢啦..

3 楼 fonter 2010-07-16  

j2live 写道

我是想找实现截图中顶部和底部菜单找到这的...
发现有不少值得学习的东西哦..
不知博主能否共享下顶部和底部固定菜单的实现啊?

哈哈。介绍一个开源的代码你吧。http://code.google.com/p/mobyfactory-uiwidgets-android/这个的实现效果和我的一样，我的参考它的，里面的代码没有实上头部，你只要看明白它的代码改起来是非常容易哦。。

2 楼 j2live 2010-07-16  

我是想找实现截图中顶部和底部菜单找到这的...
发现有不少值得学习的东西哦..
不知博主能否共享下顶部和底部固定菜单的实现啊?

1 楼 zhuixinjian 2010-05-30  

什么叫巨型菜单....