Android实现简洁的APP登录界面

今天需求要做一个所有app都有的登录界面,正好巩固一下我们之前学的基础布局知识。

先来看下效果图

1.布局的xml文件

<?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="#2197db" > <ImageView android:id="@+id/loginbutton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_marginTop="40dp" android:src="@drawable/login_pic"/> <LinearLayout android:id="@+id/input" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/loginbutton" android:layout_marginLeft="28dp" android:layout_marginRight="28dp" android:background="#fff" android:orientation="vertical"> <LinearLayout android:layout_width="fill_parent" android:layout_height="44dp" android:background="#fff" android:gravity="center_vertical" android:orientation="horizontal" > <EditText android:id="@+id/userId" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:background="@null" android:imeOptions="actionDone" android:textSize="16sp" android:ems="10" android:hint="请输入用户名" > </EditText> <Button android:id="@+id/button_bar" android:layout_width="20dp" android:layout_height="20dp" android:layout_marginRight="8dp" android:layout_marginLeft="1dp" android:background="@drawable/login_input_arrow" /> </LinearLayout> <View android:layout_width="fill_parent" android:layout_height="1.0px" android:layout_marginLeft="1.0px" android:layout_marginRight="1.0px" android:background="#ffc0c3c4" /> <EditText android:id="@+id/pass" android:layout_width="fill_parent" android:layout_height="44.0dip" android:background="#00ffffff" android:gravity="center_vertical" android:inputType="textPassword" android:maxLength="16" android:maxLines="1" android:textColor="#ff1d1d1d" android:textColorHint="#ff666666" android:textSize="16.0sp" android:hint="请输入密码" /> </LinearLayout> <Button android:id="@+id/loginBtn" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@+id/input" android:layout_marginTop="10dp" android:background="#3aadfd" android:text="登 录" android:textColor="#ffffff" android:textSize="18dp" android:layout_centerHorizontal="true" android:layout_marginLeft="28dp" android:layout_marginRight="28dp"/> <TextView android:text="" android:layout_width="wrap_content" android:layout_below="@+id/loginBtn" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:id="@+id/promptText" android:textColor="#ff0000" android:layout_marginTop="10dp" android:textSize="18sp"/> </RelativeLayout>

2.java部分代码

public class LoginActivity extends Activity implements View.OnClickListener{ private static final String TAG = "login"; Button loginBtn = null; EditText useridEt = null; EditText passEt = null; TextView promptText = null; @Override super.onCreate(savedInstanceState); setContentView(R.layout.activity_login); loginBtn = (Button) findViewById(R.id.loginBtn); loginBtn.setOnClickListener(this); useridEt = (EditText) findViewById(R.id.userId); passEt = (EditText) findViewById(R.id.pass); promptText = (TextView) findViewById(R.id.promptText); OkHttpClient okHttpClient = new OkHttpClient.Builder() .connectTimeout(10000L, TimeUnit.MILLISECONDS) .readTimeout(10000L, TimeUnit.MILLISECONDS) .build(); OkHttpUtils.initClient(okHttpClient); @Override public void onClick(View v) { String userid = useridEt.getText().toString().trim(); String pass = passEt.getText().toString().trim(); if(userid.equals("")){ promptText.setText(R.string.userIdError); return ; } if(pass.equals("")){ promptText.setText(R.string.passError); return ; } WebConstant.digest = ("Basic " + new String(Base64.encode((userid + ':' + pass).getBytes(), Base64.DEFAULT))).replace("\n", ""); String url = WebConstant.REQUESTPATH+"/users/" + userid+"?getAll=true"; OkHttpUtils.get() .url(url).addHeader("Authorization", WebConstant.digest).addHeader("Accept-Language","zh-CN") .build().execute(new Callback() { @Override public String parseNetworkResponse(Response response, int id) throws Exception { String string = response.body().string(); JSONObject jsonObj = new JSONObject(string); if(jsonObj.get("userName")!=null){ WebConstant.userId = (String)jsonObj.get("userId"); WebConstant.userName = (String)jsonObj.get("userName"); return (String) jsonObj.get("userName"); } return null; } @Override public void onError(Call call, Exception e, int id) { WebConstant.digest = null; promptText.setText(R.string.loginError); Log.i(TAG,e.getMessage()); e.printStackTrace(); } @Override public void onResponse(Object response, int id) { promptText.setText(R.string.loginSuccess+" "+response); Intent intent = new Intent(); LoginActivity.this.setResult(WebConstant.RESULT_OK, intent); LoginActivity.this.finish(); } }); } }

简单的登录,用户名密码验证。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

时间: 2024-09-25 06:15:31

Android实现简洁的APP登录界面的相关文章

Android 使用SharedPreferrences储存密码登录界面记住密码功能

Android存储方式有很多种,在这里所用的存储方式是SharedPreferrences, 其采用了Map数据结构来存储数据,以键值的方式存储,可以简单的读取与写入.所以比较适合我们今天做的这个项目.我们来看一下运行图: 一.布局界面 1.login_top.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.a

Photoshop设计简洁优雅的登录界面

教程旨在教大家使用Photoshop创建一个简单的登录界面.只需一些简单技巧,你也可以设计出一个漂亮的登录界面.界面的背景色使用了几种不同的灰色色系,此举可最大程度保持整个界面的简洁和优雅. 本教程简单易学,适合于初学者. PSD文件新浪微盘下载地址:http://vdisk.weibo.com/s/hyZm8/1352365789 登录界面 步骤1 新建一个800(H)x600(W)像素的文档.当然也可根据自己的需求新建.接下来,使用圆角矩形工具(U)建立一个320×210像素的圆角矩形,并用

Android实现简洁的APP更新dialog数字进度条

前言:现在一般的Android软件都是需要不断更新的,当你打开某个app的时候,如果有新的版本,它会提示你有新版本需要更新.当有更新时,会弹出一个提示框,点击下载,则在通知来创建一个数字进度条进行下载,下载成功后才到安装界面. 效果: 开发环境:AndroidStudio2.2.1+gradle-2.14.1 涉及知识: 1.Handler机制 2.自定义控件+Canvas绘画 3.自定义dialog 部分代码: public class NumberProgressBar extends Vi

Android实现QQ登录界面遇到问题及解决方法_Android

先给大家炫下效果图: 首先过程中碰到的几个问题: 1.对 EditText 进行自定义背景 2.运行时自动 EditText 自动获得焦点 3.在获得焦点时即清空 hint ,而不是输入后清空 4.清空按钮的出现时机(在得到焦点并且有输入内容时) ......... --- 这些问题都有一一解决 --- 以下是代码: 布局 fragment_main(问题2) <!-- android:focusable="true" android:focusableInTouchMode=&

Android简单的登录界面的值传递

        初学Android,这是一个用户登录界面,想把里面的值传递到另一个Activity中,先不说其他,上代码:         主界面(登录界面的Activity):MainActivity.java package com.zhoujunwen.widget; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; impor

Android开发实例之登录界面的实现_Android

本文要演示的Android开发实例是如何完成一个Android中的miniTwitter登录界面,下面将分步骤讲解怎样实现图中的界面效果,让大家都能轻松的做出美观的登录界面.        miniTwitter登录界面效果图        先贴上最终要完成的效果图:        miniTwitter登录界面的布局分析        首先由界面图分析布局,基本可以分为三个部分,下面分别讲解每个部分.        第一部分是一个带渐变色背景的LinearLayout布局,关于背景渐变色就不再

Android实现闪屏及注册和登录界面之间的切换效果_Android

在没给大家介绍正文之前先给大家说下实现思路: 先分别实现闪屏.注册界面.登录界面的活动,再用Intent将相关的活动连接起来,实现不同活动之间的跳转.此次试验代码较多,我只列出主要代码,详细的代码可用底部的下载链接下载. 一.实验效果图: 二.主要代码: (1)WelcomeActivity.Java(这部分代码实现的是第一页的欢迎页面) package com.example.flashscreendemo; import android.app.Activity; import androi

Android设计登录界面、找回密码、注册功能_Android

本文实例为大家分享了Android 登录.找回密码.注册功能的实现代码,供大家参考,具体内容如下 1.数据库的设计 我在数据库中添加了两张表,一张表用来存储用户信息,诸如用户名,密码,手机号等,可任意添加.另一张表用来存储上一个登录用户的账户信息,我是为了方便才另外创建了一张表去存储,而且这张表我设计了它只能存储一条信息,每次的存储都是对上一条记录的覆盖.事实上,我尝试过在存储用户信息的那张表内添加一个标识,用来标记上一次登录的是哪一个帐号,但是这样做的话,每次改变标识都需要遍历整张表,十分的麻

Android QQ登录界面绘制代码_Android

先看看效果图: 首先过程中碰到的几个问题:  1.对 EditText 进行自定义背景  2.运行时自动 EditText 自动获得焦点  3.在获得焦点时即清空 hint ,而不是输入后清空  4.清空按钮的出现时机(在得到焦点并且有输入内容时)  ---  这些问题都有一一解决 --- 以下是代码:  布局 fragment_main(问题2) <!-- android:focusable="true" android:focusableInTouchMode="t