Android相对布局RelativeLayout详解

发布时间:2020-05-17 22:57:25 作者:Java大白
来源:网络 阅读:692
<TextView
        android:id="@+id/firstview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#ff0000"
        android:text="第一个Textview" />
    <TextView 
        android:id="@+id/second"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#00ff00"
        android:text="第二个textview"
        android:layout_toRightOf="@id/firstview"
        />
      <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#00ff00"
        android:text="第三个textview"
        android:layout_below="@id/firstview"
        />
            <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#00ff00"
        android:text="第四个"
        android:layout_alignRight="@id/second"
        android:layout_below="@id/second"
        />

以上包含相对布局中几种简单的属性,截图如下

Android相对布局RelativeLayout详解

    <TextView
        android:id="@+id/firstview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#ff0000"
        android:text="hello"
        android:textSize="50sp" />
    <TextView 
        android:id="@+id/second"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#0000ff"
        android:text="view"
        android:layout_alignBaseline="@id/firstview"
        android:layout_toRightOf="@id/firstview"
        />
android:layout_alignBaseline="@id/firstview"

上面这行代码是对其到基准线的意思,什么是基准线,基准线就相当于四线格中的第三条线。效果图如下

Android相对布局RelativeLayout详解如图所示,那条绿色的线就是基准线

与父空间边缘对其

//android:layout_alignParentRight="true"

上一行代码的属性值只能为true或者false,因为一个控件他只能有一个父控件

执行该代码之后,hello就会到达屏幕 的右侧。

android:layout_centerInParent="true"//出现在父控件的中央位置
android:layout_centerHorizontal="true"//处于水平方向的中央位置上
android:layout_centerVertical="true"//垂直方向的

Android4.2新特性

//android:layout_alignEnd="@id/firstview"//对其控件的尾部或者start
<TextView 
        android:id="@+id/firstview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#00ff00"
        android:text="hello"
        />
	<TextView 
	    android:id="@+id/secondview"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:background="#ff0000"
	    android:layout_below="@id/firstview"
	    android:layout_alignEnd="@id/firstview"
	    android:text="abc"
	    />
	    
	    
	    //android:layout_alignParentEnd="true"与父控件的尾部对其

Android登陆框布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="15dp"
 >
	<TextView 
	    android:id="@+id/lableView"
	    android:layout_width="match_parent"
	    android:layout_height="wrap_content"
	    android:text="登录界面"
	    android:gravity="center"
	    
	    />
	<EditText 
	    android:id="@+id/usernameText"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:layout_alignParentLeft="true"
	    android:layout_alignParentRight="true"
	    android:layout_below="@id/lableView"
	    android:hint="username"
	    />
	<EditText 
	    android:id="@+id/passwordText"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:layout_alignRight="@id/usernameText"
	    android:layout_alignLeft="@id/usernameText"
	    android:layout_below="@id/usernameText"
	    android:hint="password"
	    android:inputType="textPassword"
	    />
	
	<Button 
	    android:id="@+id/cancelButton"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:text="取消"
	    android:layout_below="@id/passwordText"
	    android:layout_alignParentRight="true"
	    />
	<Button 
	    android:id="@+id/okButton"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:layout_alignBottom="@id/cancelButton"
	    android:layout_toLeftOf="@id/cancelButton"
	    android:text="确定"
	    />
</RelativeLayout>


推荐阅读:
  1. android的相对布局
  2. android 设置LinearLayout,RelativeLayout等等layout的高和宽

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android relativelayo roi %d

上一篇:[Linux信号]进程间使用信号进行同步

下一篇:软件测试面试,面试官最想听到的回答是什么样的?

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》