Android相对布局+圆角按钮+Shape样式

又开始了android布局的学习，经过之前的书籍的浏览，大体了解了，看的时候就会联想到qt的布局，其实很多布局模型的大同小异，什么帧布局、线性布局、相对布局、绝对布局啊之类的，总是想要彻底了解还是挺麻烦的，而且学习过程中需要了解一些尺寸的知识，像dip、px、sp这些东西之后，进行参数的设置时才会比较有概念，我是不行了。呵呵............

     我打算做个相对布局的模型，之后基于这个模型进行一系列的学习【包括横竖屏、控件动画等 】，实现一些简单的功能，加深对一些理论的实践性的理解；一步一步来吗！

    这个就是今天的一个小效果，感谢网友的分享，让我学到了很多，最重要的一点就是当我发现效果和想的不一样的时候，开始找资料，各种试试，然后回过头来看手册的参数说明，才想到设置一个参数就能解决问题，此时还是很高兴的，体会过程，都是经验啊！！！

    总体效果就是这样【UI很丑】：
    
    
    相对布局文件【文中注释的地方就是后来发现需要这样才可以达到效果、菜鸟一个、所以才纠结这么久】：res/layout/center.xml

点击(此处)折叠或打开

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:layout_width="fill_parent"
   
4.     android:layout_height="fill_parent"
   
5.     android:orientation="vertical"
   
6.     android:background="@drawable/back_ground" >
   
7. 
   
8.     <RelativeLayout
   
9.         android:id="@+id/RelativeLayout_with_center"
   
10.         android:layout_width="fill_parent"
    
11.         android:layout_height="fill_parent" >
    
12. 
    
13.         <!-- 屏幕中心按钮设置 android:layout_centerInParent="true" -->
    
14.         <Button
    
15.             android:id="@+id/center_menu_button"
    
16.             android:layout_width="wrap_content"
    
17.             android:layout_height="wrap_content"
    
18.             android:layout_centerInParent="true"
    
19.             android:background="@drawable/button" />
    
20. 
    
21.         <!-- 屏幕中心按钮左侧按钮，此时需要设置垂直居中 android:layout_centerVertical="true" -->
    
22.         <Button
    
23.             android:id="@+id/left_button"
    
24.             android:layout_width="wrap_content"
    
25.             android:layout_height="wrap_content"
    
26.             android:layout_centerVertical="true"
    
27.             android:layout_toLeftOf="@+id/center_menu_button"
    
28.             android:background="@drawable/round_button"
    
29.             android:text="亲，评价" />
    
30. 
    
31.         <!-- 屏幕中心按钮右侧侧按钮，此时需要设置垂直居中 android:layout_centerVertical="true" -->
    
32.         <Button
    
33.             android:id="@+id/right_button"
    
34.             android:layout_width="wrap_content"
    
35.             android:layout_height="wrap_content"
    
36.             android:layout_centerVertical="true"
    
37.             android:layout_toRightOf="@+id/center_menu_button"
    
38.             android:background="@drawable/round_button"
    
39.             android:text="退出游戏" />
    
40. 
    
41.         <!-- 屏幕中心按钮上方按钮，此时需要设置水平居中 android:layout_centerHorizontal="true" -->
    
42.         <Button
    
43.             android:id="@+id/top_button"
    
44.             android:layout_width="wrap_content"
    
45.             android:layout_height="wrap_content"
    
46.             android:layout_centerHorizontal="true"
    
47.             android:layout_above="@+id/center_menu_button"
    
48.             android:background="@drawable/round_button"
    
49.             android:text="进入游戏" />
    
50. 
    
51.          <!-- 屏幕中心按钮下方按钮，此时需要设置水平居中 android:layout_centerHorizontal="true" -->
    
52.         <Button
    
53.             android:id="@+id/below_button"
    
54.             android:layout_width="wrap_content"
    
55.             android:layout_height="wrap_content"
    
56.             android:layout_centerHorizontal="true"
    
57.             android:layout_below="@+id/center_menu_button"
    
58.             android:background="@drawable/round_button"
    
59.             android:text="关于我们" />
    
60.     </RelativeLayout>
    
61. 
    
62. </LinearLayout>

    中心按钮样式文件: res/drawable-hdpi/button.xml

点击(此处)折叠或打开

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <selector xmlns:android="http://schemas.android.com/apk/res/android" >
   
3.     <!-- 获得焦点但未按下时的背景图片 -->
   
4.     <!-- <item android:state_focused="true" android:state_enabled="true" android:state_pressed="false" android:drawable="@drawable/user_selecte_n" /> -->
   
5.     <!-- 按下时的背景图片 -->
   
6.     <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/center_light" />
   
7.     <!-- 按下时的背景图片 -->
   
8.     <!-- <item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/center_light" /> -->
   
9.     <!-- 默认时的背景图片 -->
   
10.     <item android:drawable="@drawable/center" />
    
11. </selector>

    四边按钮样式文件: res/drawable-hdpi/round_button.xml

点击(此处)折叠或打开

1. <?xml version="1.0" encoding="UTF-8"?>
   
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
   
3.     <item android:state_pressed="false">
   
4.            <shape android:shape="rectangle" >
   
5.             <!-- 填充的颜色 -->
   
6.             <solid android:color="#0FFFFF" />
   
7.             <!-- 设置按钮的四个角为弧形 -->
   
8.             <!-- android:radius 弧形的半径 -->
   
9.             <corners android:radius="15dip" />
   
10.             <!-- padding：Button里面的文字与Button边界的间隔 -->
    
11.             <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
    
12.         </shape>
    
13.     </item>
    
14.     <item android:state_pressed="true">
    
15.      <shape android:shape="rectangle">
    
16.             <solid android:color="#FFFF0F" />
    
17.             <corners android:radius="15dip" />
    
18.          </shape>
    
19.     </item> 
    
20. </selector>

    至于背景啊、名称啥的，都知道....然后还是留一份图片资源到网盘吧，省的系统重装了，还得现搜......

http://pan.baidu.com/share/link?shareid=3336646398&uk=3927989065