Android 实现最新QQ登陆页面
Android 实现最新QQ登陆页面
前言
最近看Android书的时候看到了制作QQ登录界面的实战,不太好看,所以来自己做一个最新的QQ登录界面。
准备工作
线性布局(LinearLayout),主要是以水平和垂直的方式来显示界面中的控件,在实际开发中较为常见。使用也非常简单,其中有一个重要的属性orientation,用于控制控件的排列方向,该属性有vertical和horizonal(默认)两个值,前者是垂直线性布局,后者是水平线性布局。通过观察最新QQ登录界面,所见布局控件都比较简单,所以还是采用线性布局。
最新QQ登录界面:
其中圆形按钮的实现可以参考Android 实现圆形按钮
用代码实现效果如下:
可以看到效果还是比较不错的哈哈,下面上代码
代码实现
.xml代码如下
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ImageView
android:id="@ id/qq"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="50dp"
android:src="https://blog.csdn.net/Punchline_c/article/details/@drawable/logo" />
<EditText
android:id="@ id/et_name"
android:layout_width="match_parent"
android:layout_height="70dp"
android:layout_marginTop="60dp"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
android:gravity="center"
android:background="@drawable/bg_username"
android:hint="输入账号"
android:inputType="number"
android:layout_gravity="center" />
<EditText
android:id="@ id/et_password"
android:layout_width="match_parent"
android:layout_height="70dp"
android:layout_marginTop="10dp"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
android:gravity="center"
android:background="@drawable/bg_username"
android:hint="输入密码"
android:inputType="textPassword"
android:layout_gravity="center" />
<ImageButton
android:id="@ id/btn_login"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_gravity="center"
android:layout_marginTop="50dp"
android:background="@drawable/bg_go"
android:src="https://blog.csdn.net/Punchline_c/article/details/@drawable/arrow"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="100dp"
android:gravity="center_horizontal">
<Button
android:id="@ id/btn_phone"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="手机号登陆"
android:textColor="@color/black"
android:textStyle="bold"
android:background="@drawable/bottom_btn"/>
<View
android:layout_width="2dip"
android:layout_height="40dp"
android:layout_gravity="center_horizontal"
android:background="#E8E8F2" />
<Button
android:id="@ id/btn_retrieve"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="找回密码"
android:textColor="@color/black"
android:textStyle="bold"
android:background="@drawable/bottom_btn"/>
<View
android:layout_width="2dip"
android:layout_height="40dp"
android:layout_gravity="center_horizontal"
android:background="#E8E8F2" />
<Button
android:id="@ id/btn_register"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="新用户注册"
android:textColor="@color/black"
android:textStyle="bold"
android:background="@drawable/bottom_btn"/>
</LinearLayout>
</LinearLayout>
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgfaehc
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01