Android相对布局实现各种梅花效果
2014-07-02 09:45
337 查看
Android相对布局实现各种梅花效果
说明:
android:layout_above 将该控件的底部 至于给定Id的控件 之上
android:layout_below 将该控件的顶部至于给定ID的控件之下
android:layout_toLeftOf 将该控件的右边缘和给定ID的控件的左边缘对齐
android:layout_toRightOf将该控件的左边缘和给定ID的控件的右边缘对齐
android:layout_alignBaseline将该 控件的baseline 和给定ID的控件 的baseline对齐
android:layout_alignBottom将该控件的底部边缘与给定ID控件的底部边缘对齐
android:layout_alignLeft将该控件的左边缘与给定ID控件的左边缘对齐
android:layout_alignRight将该控件的右边缘与给定ID控件的右边缘对齐
android:layout_alignTop将该控件的顶部边缘与给定ID控件的顶部边缘对齐
android:alignParentBottom 如果该值为true,则将该控件的底部和父控件的底部对齐
android:layout_alignParentLeft 如果该什为true, 则将该控件的左边和父控件的左边对齐
android:layout_alignParentRight 如果该什为true, 则将该控件的右边和父控件的右边对齐
android:layout_alignParentTop 如果该什为true, 则将该控件的顶部和父控件的顶部对齐
android:layout_centerHorizontal如果值为真,该控件将被至于水平方向的中央
android:layout_inParent如果值为真,该控件将被至于父控件水平方向和垂直方向的中央
android:layout_centerVertical如果值为真,该控件将被至于垂直方向的中央
一、效果图如下:
第一部是往drawable文件夹里放一个图片名为icon.png的图片,首先在这里说明Android只能放扩展名为png、jpg、gif的图片;
然后编写main.xml文件,代码如下:
<?xml version="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon"
android:layout_centerInParent="true"
android:id="@+id/image0"/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon"
android:layout_above="@id/image0"
android:layout_toLeftOf="@id/image0"
android:id="@+id/image1"/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon"
android:layout_above="@id/image0"
android:layout_toRightOf="@id/image0"
android:id="@+id/image1"/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon"
android:layout_below="@id/image0"
android:layout_toLeftOf="@id/image0"
android:id="@+id/image1"/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon"
android:layout_below="@id/image0"
android:layout_toRightOf="@id/image0"
android:id="@+id/image1"/>
</RelativeLayout>
二、效果如图:
首先往drawable文件夹里放一个图片名为leaf.png的图片
编写main.xml文件,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<!-- 定义该组件位于父容器中间-->
<TextView
android:id="@+id/view01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/leaf"
android:layout_centerInParent="true"
/>
<!-- 定义该组件位于view01组件的上方-->
<TextView
android:id="@+id/view02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/leaf"
android:layout_above="@id/view01"
android:layout_alignLeft="@id/view01"
/>
<!-- 定义该组件位于view01组件的下方-->
<TextView
android:id="@+id/view03"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/leaf"
android:layout_below="@id/view01"
android:layout_alignLeft="@id/view01"
/>
<!-- 定义该组件位于view01组件的左边-->
<TextView
android:id="@+id/view04"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/leaf"
android:layout_toLeftOf="@id/view01"
android:layout_alignTop="@id/view01"
/>
<!-- 定义该组件位于view01组件的右边-->
<TextView
android:id="@+id/view05"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/leaf"
android:layout_toRightOf="@id/view01"
android:layout_alignTop="@id/view01"
/>
</RelativeLayout>
说明:为了控制该布局容器中各子组件的布局分布,RelativeLayout提供了一个内部类:RelativeLayout.LayoutParams,该类提供了大量的xml属性来控制RelativeLayout布局容器中子组件的布局分布;
除此之外,RelativeLayout.LayoutParams还继承了android.view.ViewGroup.MarginLayoutParams,因此RelativeLayout布局容器中每个子组件也可指定android.view.ViewGroup.MarginLayoutParams所支持的各xml属性。
说明:
android:layout_above 将该控件的底部 至于给定Id的控件 之上
android:layout_below 将该控件的顶部至于给定ID的控件之下
android:layout_toLeftOf 将该控件的右边缘和给定ID的控件的左边缘对齐
android:layout_toRightOf将该控件的左边缘和给定ID的控件的右边缘对齐
android:layout_alignBaseline将该 控件的baseline 和给定ID的控件 的baseline对齐
android:layout_alignBottom将该控件的底部边缘与给定ID控件的底部边缘对齐
android:layout_alignLeft将该控件的左边缘与给定ID控件的左边缘对齐
android:layout_alignRight将该控件的右边缘与给定ID控件的右边缘对齐
android:layout_alignTop将该控件的顶部边缘与给定ID控件的顶部边缘对齐
android:alignParentBottom 如果该值为true,则将该控件的底部和父控件的底部对齐
android:layout_alignParentLeft 如果该什为true, 则将该控件的左边和父控件的左边对齐
android:layout_alignParentRight 如果该什为true, 则将该控件的右边和父控件的右边对齐
android:layout_alignParentTop 如果该什为true, 则将该控件的顶部和父控件的顶部对齐
android:layout_centerHorizontal如果值为真,该控件将被至于水平方向的中央
android:layout_inParent如果值为真,该控件将被至于父控件水平方向和垂直方向的中央
android:layout_centerVertical如果值为真,该控件将被至于垂直方向的中央
一、效果图如下:
第一部是往drawable文件夹里放一个图片名为icon.png的图片,首先在这里说明Android只能放扩展名为png、jpg、gif的图片;
然后编写main.xml文件,代码如下:
<?xml version="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon"
android:layout_centerInParent="true"
android:id="@+id/image0"/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon"
android:layout_above="@id/image0"
android:layout_toLeftOf="@id/image0"
android:id="@+id/image1"/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon"
android:layout_above="@id/image0"
android:layout_toRightOf="@id/image0"
android:id="@+id/image1"/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon"
android:layout_below="@id/image0"
android:layout_toLeftOf="@id/image0"
android:id="@+id/image1"/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon"
android:layout_below="@id/image0"
android:layout_toRightOf="@id/image0"
android:id="@+id/image1"/>
</RelativeLayout>
二、效果如图:
首先往drawable文件夹里放一个图片名为leaf.png的图片
编写main.xml文件,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<!-- 定义该组件位于父容器中间-->
<TextView
android:id="@+id/view01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/leaf"
android:layout_centerInParent="true"
/>
<!-- 定义该组件位于view01组件的上方-->
<TextView
android:id="@+id/view02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/leaf"
android:layout_above="@id/view01"
android:layout_alignLeft="@id/view01"
/>
<!-- 定义该组件位于view01组件的下方-->
<TextView
android:id="@+id/view03"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/leaf"
android:layout_below="@id/view01"
android:layout_alignLeft="@id/view01"
/>
<!-- 定义该组件位于view01组件的左边-->
<TextView
android:id="@+id/view04"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/leaf"
android:layout_toLeftOf="@id/view01"
android:layout_alignTop="@id/view01"
/>
<!-- 定义该组件位于view01组件的右边-->
<TextView
android:id="@+id/view05"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/leaf"
android:layout_toRightOf="@id/view01"
android:layout_alignTop="@id/view01"
/>
</RelativeLayout>
说明:为了控制该布局容器中各子组件的布局分布,RelativeLayout提供了一个内部类:RelativeLayout.LayoutParams,该类提供了大量的xml属性来控制RelativeLayout布局容器中子组件的布局分布;
除此之外,RelativeLayout.LayoutParams还继承了android.view.ViewGroup.MarginLayoutParams,因此RelativeLayout布局容器中每个子组件也可指定android.view.ViewGroup.MarginLayoutParams所支持的各xml属性。
相关文章推荐
- Android相对布局实现各种梅花效果
- Android相对布局实现各种梅花效果
- Android相对布局实现各种梅花效果
- Android相对布局实现各种梅花效果
- android相对布局实现梅花效果
- Android应用开发之RelativeLayout (相对布局)+梅花效果案例
- android 布局实现旋转动画效果
- android各种布局实现登录
- 【Android】使用FrameLayout布局实现霓虹灯效果
- Android自定义ViewGroup自动换行实现滑动任意布局及事件处理效果
- Android ListView各种效果实现总结,持续更新...
- android布局之帧布局-----霓虹灯效果实现
- android学习笔记---59_各种图形的使用介绍,android炫酷效果的实现
- 【Android】使用FrameLayout布局实现霓虹灯效果
- 布局坐标Android ScrollView反弹效果的实现
- Android Layout 之 RelativeLayout,代码实现相对布局
- (android控件)界面布局实现GridView(网格效果)
- SlidingMenu和ActionBarSherlock结合做出出色的App布局,Facebook 和 Path 2.0 滑动式菜单都可以实现(android页面布局效果)
- 不使用android:windowSoftInputMode属性,实现软键盘遮盖最下面布局的效果
- 使用层级观察器HierarchyViewer综合各种布局实现Android QQ2012登陆界面和注册界面