Android之登录界面设计

2022-08-11 07:58:19

Android之登录界面设计

这篇文章主要讲述Android开发中常用的APP开发界面–登录界面的开发(由于博主是初学安卓,可能有些小伙伴会感到简陋,我会继续努力学习新知识的,大家一起加油)。

(1)最终成品

在这里插入图片描述

(2) 登录界面代码

<?xml version="1.0" encoding="utf-8"?><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><EditTextandroid:id="@+id/e1"android:layout_width="match_parent"android:layout_height="50dp"android:layout_marginTop="200dp"android:drawableLeft="@drawable/head"android:hint="用户名"android:inputType="text"></EditText><EditTextandroid:id="@+id/e2"android:layout_width="match_parent"android:layout_height="50dp"android:layout_below="@id/e1"android:layout_marginTop="40dp"android:drawableLeft="@drawable/password"android:hint="密码"android:inputType="numberPassword"></EditText>
/*对按钮的一些文件设置不起作用*/<Buttonandroid:id="@+id/btn1"android:layout_width="200dp"android:layout_height="wrap_content"android:layout_below="@id/e2"android:layout_centerInParent="true"android:layout_marginTop="60dp"android:foreground="@drawable/simplesetting"android:text="登录"/></RelativeLayout>

这里涉及UI组件EditText,是一个可编辑组件,如登录名,密码啥的都可以用这个组件,下面是EditView的一些属性。

android:inputType="numberPassword" //设置输入类型。
android:hint="密码"//设置EditView上的文字。
 android:drawableLeft="@drawable/head"//设置头像图片,与TextView使用一样。
 (这里有个值得注意的是,我自己做的时候遇到的一个小问题,就是EditView如果高度设置的不够的话,线会和头像重合。设置的文字也不会显示。)

(3)Button的设置

<?xml version="1.0" encoding="utf-8"?><selectorxmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:state_pressed="true"><shape><solidandroid:color="#33FF00"/><cornersandroid:radius="5dp"/></shape></item><itemandroid:state_pressed="false"><shape><solidandroid:color="#33CC52"/><cornersandroid:radius="5dp"/></shape></item></selector>

上面的xml的意思是:当按钮没被按下时,颜色为#33CC52,当被按下时,颜色为#33FF00,而且圆角为5dp。

根目录 :selector设置按钮的几种状态,就像Unity里面的按钮可以设置选中,按下,移开的几种状态。

状态:item在里面设置几种状态的样式。

solid :设置颜色。

corners:设置圆角。

页面的跳转

packagecom.unity3d.login;importstaticandroid.widget.Toast.*;importandroidx.appcompat.app.AppCompatActivity;importandroid.content.Intent;importandroid.os.Bundle;importandroid.view.View;importandroid.widget.Button;importandroid.widget.Toast;publicclassMainActivityextendsAppCompatActivity{publicButton btn1;@OverrideprotectedvoidonCreate(Bundle savedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);
        btn1=findViewById(R.id.btn1);
        btn1.setOnClickListener(newView.OnClickListener(){@OverridepublicvoidonClick(View view){makeText(getApplicationContext(),"登录成功", LENGTH_SHORT).show();Intent t1=newIntent(MainActivity.this,change.class);startActivity(t1);//实现页面的跳转,从当前页面跳转到change页面。}});}}

(4)小结

坚持每天学安卓,每天泡图书馆。
Practice makes Perfacts.

  • 作者:要学会下底传中
  • 原文链接:https://blog.csdn.net/qq_52318347/article/details/123822959
    更新时间:2022-08-11 07:58:19