android studio 登陆ui界面设计

一、在activity_mian布局中设计，此处用RelativeLayout控件，功能是实现滑动功能，可上下也可左右，按需求设计。以下是代码部分

<?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="@drawable/bg"  //背景设计android:orientation="horizontal"android:padding="70dp"><EditTextandroid:id="@+id/ed_1"android:layout_width="match_parent"android:layout_height="50dp"android:layout_alignParentTop="true"android:layout_centerHorizontal="true"android:layout_marginTop="104dp"android:background="@drawable/roundbutton" //固定了模板android:hint="用户名"android:textColorHint="#80000000" //字体颜色android:paddingLeft="10dp"android:paddingRight="10dp" /><EditTextandroid:id="@+id/ed_2"android:layout_width="match_parent"android:layout_height="50dp"android:inputType="textPassword"android:hint="密码"android:textColorHint="#80000000"android:background="@drawable/roundbutton"android:layout_below="@+id/ed_1"android:layout_marginTop="30dp"android:paddingLeft="10dp"/><Buttonandroid:id="@+id/btn_edittext"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@id/ed_2"android:layout_marginTop="30dp"android:background="@drawable/roundbutton"android:onClick="Check"android:text="登录"android:textColor="#2F4F4F" /></RelativeLayout>

二、设计MainActivity，实现登陆功能

package com.example.dell.myapplication;import android.app.ActionBar;
import android.content.Intent;
import android.app.Activity;
import android.content.res.Configuration;
import android.net.Uri;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Menu;
import android.view.WindowManager;
import android.widget.EditText;
import android.widget.Toast;
import android.widget.Button;/导入的包public class MainActivity extends AppCompatActivity {private Button mBtnEditText;EditText username,pwd;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);username=findViewById(R.id.ed_1);pwd=findViewById(R.id.ed_2);mBtnEditText=(Button) findViewById(R.id.btn_edittext);mBtnEditText.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {if (username.getText().toString().equals("admin") && pwd.getText().toString().equals("123456")) { //设计用户名为admin，密码为123456//Toast.makeText(MainActivity.this, "登陆成功", Toast.LENGTH_SHORT).show();Intent intent = new Intent(MainActivity.this, EditTextActivity.class);intent.putExtra("username", username.getText().toString());startActivity(intent);} else if (username.getText().toString().equals("") || pwd.getText().toString().equals("")) {Toast.makeText(MainActivity.this, "用户名/密码不能为空!", Toast.LENGTH_SHORT).show();} else {Toast.makeText(MainActivity.this, "登录失败，密码或用户名错误!", Toast.LENGTH_SHORT).show();}}});}
}

三、圆角button设计参考另一帖子。

android studio 设置圆角按钮

四、界面展示。

android studio 登陆ui界面设计相关推荐

Android Studio入门级UI界面设计（图文＋解析）
本文以图片加上解析,希望小白可以理解通透下面配上本次试验UI界面 - 1.首先设置成线性布局,添加orientation属性,设置成垂直 android:orientation="vert ...
Android Studio基本UI界面设计
按照课本上敲得最简单的那个页面的一个小小的雏形给他完善一下 (1)标题首先我们建立一个TextView控件来写标题. 实验对标题的要求如下: 1 标题字体大小 20sp(android:textS ...
Android Studio 简单UI界面
Android Studio 简单UI界面利用相对布局+线性布局进行设计,且支持国际化运行效果图如下实现过程: 1.将准备好的八个图标复制到res/drawable文件夹下 2.创建一个垂直的线 ...
APP开发流程实例讲解-儒释道网络电台八天开发全程-在Android Studio中完成界面设计
APP开发流程实例讲解-儒释道网络电台八天开发全程功能和界面初步设定 APP开发流程实例讲解-儒释道网络电台八天开发全程项目发起功能和界面初步设定在Android Studio中完成界面设计 ...
Android Studio类微信界面设计
文章目录一.类微信界面能实现的功能二.xml代码 top.xml bottom.xml tab.xml activity_main.xml 三.Java代码 MainActivity.java w ...
Android Studio——类微信界面设计
设计目标:Android studio制作简易类微信界面. 功能:展示四个可切换界面,当点击下方按钮时,界面随之切换. 布局:顶部和底部layout.主页面(中间放一个framelayout显示界面内 ...
Android开发之UI界面设计
下面介绍五种不同样式的UI界面,它们的样式分别如下: 下面就来分别介绍各部分代码;当然我也将相应的代码上传了的:https://download.csdn.net/download/qq_434332 ...
Android Studio：基本UI界面设计（详细）
一. 实验题目基本UI界面设计二. 实现内容实现一个 Android 应用,界面呈现如下效果: 三. 实验过程 (1)标题首先我们建立一个TextView控件来写标题. 实验对标题的要求如下: ...
蓝牙聊天App设计1：Android Studio制作蓝牙聊天通讯软件（UI界面设计）
前言:蓝牙聊天App设计全部有三篇文章(一.UI界面设计,二.蓝牙搜索配对连接实现,三.蓝牙连接聊天),这篇文章是一.UI界面设计课程1:Android Studio小白安装教程,以及第一个Andr ...

android studio 登陆ui界面设计

android studio 登陆ui界面设计相关推荐

最新文章

热门文章