文档章节

Android相对布局实现各种梅花效果

 杨勇汉
发布于 2015/02/01 14:04
字数 897
阅读 81
收藏 0

一、效果图如下:


第一部是往drawable文件夹里放一个图片名为icon.png的图片,首先在这里说明Android只能放扩展名为png、jpg、gif的图片;

然后编写main.xml文件,代码如下:

<?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" >
	<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>

说明:

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文件夹里放一个图片名为leaf.png的图片

编写main.xml文件,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns: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属性。









本文转载自:http://blog.csdn.net/rhljiayou/article/details/7051102

上一篇: c语言练习
下一篇: jsp与JavaBean
粉丝 2
博文 69
码字总数 0
作品 0
东城
私信 提问
Android Relative Layout 安卓相对布局详解

思维导图可在幕布找到 1. 基础 如果在相对布局里,控件没有指明相对位置,则默认都是在相对布局的左上角:

Pushy
2018/08/17
0
0
Android界面布局的几种常用方式

现在Android非常疯狂,所以网上关于Android学习的资料如雨后春笋般冒起来,像这些基础的东西更是多如牛毛,我会把用过的东西碰到的困难和怎么解决的记录下来,一来可以供自己复习万一以后又碰...

长平狐
2012/06/18
1K
0
Android布局

1.什么是布局 一个Android应用的用户界面是由View和ViewGroup构建的,他们有很多的种类,并且都是View的子类,View类的一些子类被称为“widgets(工具)”,他们提供了诸如文本输入框和按钮之类...

晨曦之光
2012/05/16
426
0
相对布局(Relativelayout)——Mars Android开发视频之第一季第十三集(重)

1· 相对布局(上) 1.1 什么是相对布局(RelativeLayout) 概念:通过指定当前控件与兄弟控件或父控件之间的相对位置,从而达到控制控件位置的目的。 1.2 为什么要使用相对布局 这样的界面,...

周田
2015/08/20
89
0
看完这篇再不会 View 的动画框架,我跪搓衣板

引言 众所周知,一款没有动画的 app,就像没有灵魂的肉体,给用户的体验性很差。现在的 android 在动画效果方面早已空前的发展,1.View 动画框架 2.属性动画框架 3.Drawable 动画。相比后后两...

水中鱼之1999
06/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring使用ThreadPoolTaskExecutor自定义线程池及实现异步调用

多线程一直是工作或面试过程中的高频知识点,今天给大家分享一下使用 ThreadPoolTaskExecutor 来自定义线程池和实现异步调用多线程。 一、ThreadPoolTaskExecutor 本文采用 Executors 的工厂...

CREATE_17
今天
5
0
CSS盒子模型

CSS盒子模型 组成: content --> padding --> border --> margin 像现实生活中的快递: 物品 --> 填充物 --> 包装盒 --> 盒子与盒子之间的间距 content :width、height组成的 内容区域 padd......

studywin
今天
7
0
修复Win10下开始菜单、设置等系统软件无法打开的问题

因为各种各样的原因导致系统文件丢失、损坏、被修改,而造成win10的开始菜单、设置等系统软件无法打开的情况,可以尝试如下方法解决 此方法只在部分情况下有效,但值得一试 用Windows键+R打开...

locbytes
昨天
8
0
jquery 添加和删除节点

本文转载于:专业的前端网站➺jquery 添加和删除节点 // 增加一个三和一节点function addPanel() { // var newPanel = $('.my-panel').clone(true) var newPanel = $(".triple-panel-con......

前端老手
昨天
8
0
一、Django基础

一、web框架分类和wsgiref模块使用介绍 web框架的本质 socket服务端 与 浏览器的通信 socket服务端功能划分: 负责与浏览器收发消息(socket通信) --> wsgiref/uWsgi/gunicorn... 根据用户访问...

ZeroBit
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部