用Android Studio设计一个简单个性的登录界面

一、用到的组件：

LinearLaout、TableLayout、FrameLayout、RelativeLout

二、效果图展示：

三、步骤及过程：

1.首先新建一个Project，并在app -> res -> layout中新建一个xml文件，文件为RelativeLout类型，以qqface命名，如下图：

2.将选好的图片复制粘贴至app —> res --> drawable中；

3.在qqface.xml文件中编辑以下代码（使用时需要将注释删除）：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent" android:layout_height="match_parent"android:background = "#E6E6E6"android:orientation="vertical">//设置图片<ImageViewandroid:id="@+id/iv"            //图片idandroid:layout_width="70dp"android:layout_height="70dp"android:layout_centerHorizontal="true"   //居中android:layout_marginTop="40dp"         //图片大小app:srcCompat="@drawable/head" />      //图片位置//关于账号控件的设置<LinearLayoutandroid:id="@+id/uer"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/iv"android:layout_centerVertical="true"android:layout_marginTop="15dp"android:layout_marginLeft="10dp"android:layout_marginBottom="5dp"android:layout_marginRight="10dp"android:background="#ffffff"android:orientation="horizontal"><TextViewandroid:id="@+id/qq_nume"android:layout_width="wrap_content"android:layout_height="wrap_content"android:padding="10dp"android:text="账号："android:textSize="25sp"android:textColor="#000" /><EditTextandroid:id="@+id/qq_uer"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="5dp"android:background="@null"android:padding="10dp"/></LinearLayout>//关于密码控件的设置<LinearLayoutandroid:id="@+id/password"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/uer"android:layout_centerVertical="true"android:layout_marginLeft="10dp"android:layout_marginRight="10dp"android:background="#ffffff"android:orientation="horizontal"><TextViewandroid:id="@+id/qq_PW"android:layout_width="wrap_content"android:layout_height="wrap_content"android:padding="10dp"android:text="密码："android:textSize="25sp"android:textColor="#000" /><EditTextandroid:id="@+id/qq_password"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_toRightOf = "@+id/qq_PW"android:layout_marginLeft="5dp"android:background="@null"android:padding="10dp"android:inputType="numberPassword" /></LinearLayout>//登录点击按钮控件的设置<Buttonandroid:id="@+id/button"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/password"android:layout_marginTop="50dp"android:layout_marginLeft="10dp"android:layout_marginRight="10dp"android:background="#3C8DC4"android:text="登录"android:textColor="#ffffff"android:textSize="20sp"/><TextViewandroid:id="@+id/textView3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text=""android:textColor="#000"android:textSize="20sp"android:layout_marginTop="25dp"android:layout_below="@+id/button"android:layout_alignLeft="@+id/button"android:layout_alignStart="@+id/button"/></RelativeLayout>

4.将MainActivitty.java代码中的R.layout.activity_main改为R.layout.qqface，如下图：

到此，一个简单的登录界面就做好了。

用Android Studio设计一个简单个性的登录界面相关推荐

使用Android Studio编写一个简单的音乐盒
文章目录一.知识要点二.xml代码 activity_main.xml 三.java代码 MainActivity.java MusicService.java 四.运行界面展示五. 源码Git ...
一个简单的用户登录界面
今天我们学习了如何实现一个简单的用户登陆界面,具体要用到两个jsp和一个servlet,具体操作如下: 首先创建一个用户登录界面,inputview.jsp,其源代码如下所示: <!DOCTYP ...
Android：设计一个简单的调查问卷
设计一个简单的调查问卷,要求用到TextView,Button,CheckBox,RadioButton,EditText等控件今天写了一个demo,里面用到了常用的布局,以及常用的几种控件,这里调 ...
在 Android Studio 中创建一个简单的 QQ 登录界面
一,创建一个新的 Android Studio 项目打开 Android Studio,选择 "Start a new Android Studio project",然后填写应 ...
Android studio设计一个简易微信界面
一.设计要求及实现构想 1.设计一个简易微信界面框架,包含至少4个tab页面(我设计的4个分别为message.contact.find.config),要求能实现四个页面之间的点击切换. 2.首先分 ...
【Android】Android studio做一个简单的图片浏览器
我们现在布局文件中定义一个简单的线性布局容器,代码如下 activity_main.xml <?xml version="1.0" encoding="utf-8& ...
如何使用Android Studio发送一个简单的GET/POST网络请求
Android Studio发送简单的GET/POST网络请求阅读文章需知前提准备权限添加启动子线程,发送网络请求 POST请求如何添加参数? 后文必读能点赞投币一键三连嘛? 阅读文章需知 ...
使用Android studio做一个简单的网站APP
1.首先创建一个空白Android项目 2.然后打开项目,切换为Android视图,这时候会看到三个文件夹,分别是manifests.java.res.首先修改res/layout下的activity ...
Android开发：基于Android Studio编写一个简单的账本
目录前言用户注册/登录新建资金记录查询当前用户的所有资金记录 demo界面展示后记前言最近在写的程序涉及到了用户注册/登录.SQLite数据库操作.因此将编写的代码整理了一下,写了一个简 ...

用Android Studio设计一个简单个性的登录界面

一、用到的组件：

二、效果图展示：

三、步骤及过程：

用Android Studio设计一个简单个性的登录界面相关推荐

最新文章

热门文章