Android studio 注册页面ui设计

小朋友，你是否有很多问号？这样的页面是如何设计出来的？

用到的东西其实非常非常简单，有手就行。
工具：android studio
用到的方法：<textview，<imageview，<button，，相对布局，一些基本的最常见的知识点，在我前面的几个文章中有写到。

完整代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_margin="5dp"tools:context="activity.RegisterActivity"><ImageViewandroid:id="@+id/imageView2"android:layout_width="wrap_content"android:layout_height="100dp"android:background="@color/colorPrimary"app:srcCompat="@drawable/user_reg" /><TextViewandroid:id="@+id/textView2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@id/imageView2"android:layout_marginStart="35dp"android:layout_marginTop="10dp"android:text="昵称" /><EditTextandroid:id="@+id/editTextTextPersonName3"android:layout_width="match_parent"android:layout_height="wrap_content"android:ems="10"android:inputType="textPersonName"android:layout_below="@id/textView2"android:layout_marginStart="35dp"android:layout_marginEnd="35dp"android:layout_marginTop="10dp"android:hint="请输入用户名" /><TextViewandroid:id="@+id/textView4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginStart="35dp"android:layout_marginTop="10dp"android:layout_below="@id/editTextTextPersonName3"android:text="密码" /><EditTextandroid:id="@+id/editTextTextPassword2"android:layout_width="match_parent"android:layout_height="wrap_content"android:ems="10"android:layout_below="@id/textView4"android:layout_marginLeft="35dp"android:layout_marginRight="35dp"android:layout_marginTop="10dp"android:hint="请输入密码"android:inputType="textPassword" /><EditTextandroid:id="@+id/editTextTextPassword3"android:layout_width="match_parent"android:layout_height="wrap_content"android:ems="10"android:layout_below="@id/editTextTextPassword2"android:layout_marginStart="35dp"android:layout_marginEnd="35dp"android:layout_marginTop="10dp"android:hint="确认密码"android:inputType="textPassword" /><TextViewandroid:id="@+id/textView5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@id/editTextTextPassword3"android:layout_marginStart="35dp"android:layout_marginTop="10dp"android:text="密码提示" /><EditTextandroid:id="@+id/editTextTextPersonName4"android:layout_width="match_parent"android:layout_height="wrap_content"android:ems="10"android:inputType="textPersonName"android:layout_marginStart="35dp"android:layout_marginEnd="35dp"android:layout_marginTop="10dp"android:layout_below="@id/textView5"android:hint="密码提示"/><Buttonandroid:id="@+id^tton2"android:layout_width="200dp"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_marginBottom="50dp"android:layout_centerHorizontal="true"android:background="#FF83"android:text="注册" />
</RelativeLayout>

手机上运行效果：

有问题留言，手把手教会你

Android studio 注册页面ui设计相关推荐

Android Studio完成简单UI设计
目录一.五个简单UI设计: a.双击打开activity main.xml b.添加辅助线 c.添加按钮输入框: 二.TextView图文混排三.修改不同颜色的按钮四.设计CheckBox和ra ...
Android 搜索框、书架页面以及排行榜页面UI设计
设计思路收集各大主流小说App搜索UI设置,发现基本都会有在导航栏(AppBar)中设置搜索功能.故本App也采取这种主流设计.同时考虑在书架页面和排行榜页面进行滑动切换. 搜索框UI设计实现效果 ...
基于Android studio的备忘录app设计
系统使用Android studio开发平台开发,使用sqlite数据库进行数据存储. 功能如下: 注册登录管理备忘信息(增删查改) 根据备忘录创建时间快速查询基于Android studio的备 ...
APP开发流程实例讲解-儒释道网络电台八天开发全程-在Android Studio中完成界面设计
APP开发流程实例讲解-儒释道网络电台八天开发全程功能和界面初步设定 APP开发流程实例讲解-儒释道网络电台八天开发全程项目发起功能和界面初步设定在Android Studio中完成界面设计 ...
android ui设计与开发工具,Android用户体验与UI设计
Android用户体验与UI设计编辑锁定讨论上传视频本词条缺少概述图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! 本书是一部介绍Android用户体验.UI设计理念和方法论的作品 ...
Android Studio：基本UI界面设计（详细）
一. 实验题目基本UI界面设计二. 实现内容实现一个 Android 应用,界面呈现如下效果: 三. 实验过程 (1)标题首先我们建立一个TextView控件来写标题. 实验对标题的要求如下: ...
2.3、Android Studio使用Layout Editor设计UI
Android Studio提供了一个高级的布局编辑器,允许你拖拽控件,在编辑XML之后可以实时预览. 在布局编辑器中,你在文字视图和设计视图直接来回切换. 在文字视图中编辑你可以在文字视图中编辑你 ...
Android Studio (15)---界面原型设计
界面原型设计我们常说用户体验用户体验,用户使用你的软件,第一个会接触的是什么?没错,图形化界面(GUI),简称UI,对于用户而言,最直观,给用户留下第一印像的是往往是程序的界面,而非功能!人,总喜欢 ...
基于Android Studio的安卓课程设计（Keep运动软件）
一.开发环境 1.系统环境:Windows.Mac等 2.集成开发环境:Android Studio.虚拟机版本为Android 7.0(Nexus 5 API 24型号) 数据库系统:Android ...

Android studio 注册页面ui设计

Android studio 注册页面ui设计相关推荐

最新文章

热门文章