android中使用RelativeLayout布局

准备做一个CSDN的手机APP交学期末作业,平时都是使用LinearLayout进行布局,比较简单,不用过多的关注每一个控件的位置安放,但是使用RelativeLayout布局真的是眼睛都要看瞎,不停的更改。运行,最终得到登录页面以及注册页面,就在下面了,就直接是仿站APP来的了

           

  


 


我也不知道XML布局是不是写得太复杂、凌乱了,希望大家多加指点啊害羞

登录 
<TextView
        android:id="@+id/log"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:layout_marginTop="25dp"
        android:textStyle="bold"
        android:text="CSDN"
        android:textSize="24dp"
        android:textColor="#FF3030"/>

    <TextView
        android:id="@+id/logtext"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_below="@+id/log"
        android:text="技术连接你我"
        android:textSize="12dp"/>
   
    <EditText
        android:id="@+id/id"
        android:layout_width="220dip"
        android:layout_height="40dip"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_below="@+id/logtext"
        android:layout_marginTop="28dp"
        android:text="输入CSDN账号"/>
   
    <EditText
        android:id="@+id/password"
        android:layout_width="220dip"
        android:layout_height="40dip"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_below="@+id/id"
        android:layout_marginTop="12dp"
        android:text="输入密码"/>
   
    <Button
        android:id="@+id/login"
        android:layout_width="220dip"
        android:layout_height="40dip"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_below="@+id/password"
        android:layout_marginTop="12dp"
        android:textStyle="bold"
        android:text="登录"
        android:textColor="#FFFFFF"/>
   
    <TextView
        android:id="@+id/newid"
        android:layout_width="40dip"
        android:layout_height="20dip"
        android:layout_below="@+id/login"
        android:layout_alignLeft="@+id/login"
        android:layout_marginTop="10dp"
        android:text="创建账号"
        android:textSize="9dp"/>
   
    <TextView
        android:id="@+id/forget"
        android:layout_width="40dip"
        android:layout_height="20dip"
        android:layout_below="@+id/login"
        android:layout_alignRight="@+id/login"
        android:layout_marginTop="10dp"
        android:text="忘记密码"
        android:textSize="9dp"/>
   
    <ImageButton
        android:id="@+id/wechat"
        android:layout_width="30dip"
        android:layout_height="30dip"
        android:layout_below="@+id/login"
        android:layout_alignLeft="@+id/login"
        android:layout_marginTop="80dp"
        android:src="@drawable/wechat"/>
   
    <TextView
        android:id="@+id/wechatlogin"
        android:layout_width="40dip"
        android:layout_height="20dip"
        android:layout_below="@+id/wechat"
        android:layout_alignLeft="@+id/wechat"
        android:layout_marginTop="10dp"
        android:text="微信登录"
        android:textSize="9dp"/>
   
    <ImageButton
        android:id="@+id/weibo"
        android:layout_width="30dip"
        android:layout_height="30dip"
        android:layout_below="@+id/login"
        android:gravity="center_horizontal"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_marginTop="80dp"
        android:src="@drawable/weibo"/>
   
    <TextView
        android:id="@+id/weibologin"
        android:layout_width="40dip"
        android:layout_height="20dip"
        android:layout_below="@+id/weibo"
        android:layout_alignLeft="@+id/weibo"
        android:layout_marginTop="10dp"
        android:text="微博登录"
        android:textSize="9dp"/>
   
    <ImageButton
        android:id="@+id/qq"
        android:layout_width="30dip"
        android:layout_height="30dip"
        android:layout_below="@+id/login"
        android:layout_alignRight="@+id/login"
        android:layout_marginTop="80dp"
        android:src="@drawable/qq"/>
   
    <TextView
        android:id="@+id/qqlogin"
        android:layout_width="40dip"
        android:layout_height="20dip"
        android:layout_below="@+id/qq"
        android:layout_alignLeft="@+id/qq"
        android:layout_marginTop="10dp"
        android:text="QQ登录"
        android:textSize="9dp"/>

注册
<EditText
        android:id="@+id/nid"
        android:layout_width="220dip"
        android:layout_height="40dip"
        android:layout_marginTop="28dp"
        android:layout_marginLeft="99dp"/>
    <TextView
        android:id="@+id/Text_nid"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/nid"
        android:layout_alignBottom="@+id/nid"
        android:layout_alignParentLeft="true"
        android:text="手机号 +86"
        android:textSize="20dp"/>
     
    <TextView
        android:id="@+id/Text_nyanzm"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/nyanzm"
        android:layout_alignBottom="@+id/nyanzm"
        android:layout_alignParentLeft="true"
        android:text="验证码"
        android:textSize="20dp"/>
   
    <Button
        android:id="@+id/getyanzm"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/nyanzm"
        android:layout_alignBottom="@+id/nyanzm"
        android:layout_alignParentRight="true"
        android:text="获取"
        android:textSize="20dp"/>

    <EditText
        android:id="@+id/nyanzm"
        android:layout_width="160dip"
        android:layout_height="40dip"
        android:layout_below="@+id/nid"
        android:layout_marginRight="15dp"
        android:layout_marginTop="10dp"
        android:layout_toLeftOf="@+id/getyanzm"
        android:ems="10" />
   
    <EditText
        android:id="@+id/npassword"
        android:layout_width="270dip"
        android:layout_height="40dip"
        android:layout_below="@+id/nyanzm"
        android:layout_alignLeft="@+id/nyanzm"
        android:layout_marginTop="10dp"
        android:ems="10" />
   
    <TextView
        android:id="@+id/Text_npassword"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/npassword"
        android:layout_alignBottom="@+id/npassword"
        android:layout_alignParentLeft="true"
        android:text="密    码"
        android:textSize="20dp"/>
   
    <EditText
        android:id="@+id/nuser_name"
        android:layout_width="270dip"
        android:layout_height="40dip"
        android:layout_below="@+id/npassword"
        android:layout_alignLeft="@+id/npassword"
        android:layout_marginTop="10dp"
        android:ems="10" />
   
    <TextView
        android:id="@+id/Text_nuser_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/nuser_name"
        android:layout_alignBottom="@+id/nuser_name"
        android:layout_alignParentLeft="true"
        android:text="用户名"
        android:textSize="20dp"/>
   
    <Button
        android:id="@+id/nlogin"
        android:layout_width="220dip"
        android:layout_height="40dip"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_below="@+id/nuser_name"
        android:layout_marginTop="12dp"
        android:textStyle="bold"
        android:text="确认注册"
        android:textColor="#FFFFFF"/>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值