欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

QQ登录界面布局

程序员文章站 2022-03-13 09:08:40
简单的qq登录界面布局 ......

简单的qq登录界面布局

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     xmlns:app="http://schemas.android.com/apk/res-auto"
 4     xmlns:tools="http://schemas.android.com/tools"
 5     android:layout_width="match_parent"
 6     android:layout_height="match_parent"
 7     tools:context=".mainactivity"
 8     android:orientation="vertical"
 9     android:background="#e6e6e6">
10     <imageview
11         android:id="@+id/iv"
12         android:layout_width="70dp"
13         android:layout_height="70dp"
14         android:layout_centerhorizontal="true"
15         android:layout_margintop="40dp"
16         android:src="#00f150"/>
17     <linearlayout
18         android:id="@+id/zh"
19         android:layout_width="match_parent"
20         android:layout_height="wrap_content"
21         android:layout_below="@id/iv"
22         android:layout_centervertical="true"
23         android:layout_marginbottom="5dp"
24         android:layout_marginleft="10dp"
25         android:layout_marginright="10dp"
26         android:layout_margintop="15dp"
27         android:background="#ffffff">
28         <textview
29         android:layout_width="wrap_content"
30         android:layout_height="wrap_content"
31         android:padding="10dp"
32         android:textcolor="#000"
33         android:text="账号"
34         android:textsize="20sp"/>
35         <edittext
36             android:layout_width="match_parent"
37             android:layout_height="wrap_content"
38             android:layout_marginleft="5dp"
39             android:padding="10dp" />
40     </linearlayout>
41     <linearlayout
42         android:id="@+id/mm"
43         android:layout_width="match_parent"
44         android:layout_height="wrap_content"
45         android:layout_centervertical="true"
46         android:layout_below="@id/zh"
47         android:layout_marginleft="10dp"
48         android:layout_marginright="10dp"
49         android:background="#ffffff">
50         <textview
51             android:layout_width="wrap_content"
52             android:layout_height="wrap_content"
53             android:padding="10dp"
54             android:textcolor="#000"
55             android:text="密码"
56             android:textsize="20sp"/>
57 
58         <edittext
59             android:layout_width="match_parent"
60             android:layout_height="wrap_content"
61             android:layout_marginleft="5dp"
62             android:password="true"
63             android:padding="10dp" />
64     </linearlayout>
65     <button
66         android:id="@+id/btn_login"
67         android:layout_width="match_parent"
68         android:layout_height="wrap_content"
69         android:layout_below="@+id/mm"
70         android:layout_marginleft="10dp"
71         android:layout_marginright="10dp"
72         android:layout_margintop="50dp"
73         android:background="#3c8dc4"
74         android:text="登录"
75         android:textcolor="#ffffff"
76         android:textsize="20sp"
77         />
78 </relativelayout>

QQ登录界面布局