Android之登录界面设计_要学会下底传中_android登录界面设计

未知 02-07 978

Android之登录界面设计

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

（1）最终成品

（2）登录界面代码 <?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" > <EditText android: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> <EditText android: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> /*对按钮的一些文件设置不起作用*/ <Button android: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"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" > <shape> <solid android:color="#33FF00"/> <corners android:radius="5dp"/> </shape> </item> <item android:state_pressed="false" > <shape> <solid android:color="#33CC52"/> <corners android:radius="5dp"/> </shape> </item> </selector>

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

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

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

solid :设置颜色。

corners:设置圆角。

页面的跳转 package com.unity3d.login; import static android.widget.Toast.*; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.Toast; public class MainActivity extends AppCompatActivity { public Button btn1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); btn1=findViewById(R.id.btn1); btn1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { makeText(getApplicationContext(),"登录成功", LENGTH_SHORT).show(); Intent t1=new Intent(MainActivity.this,change.class); startActivity(t1);//实现页面的跳转，从当前页面跳转到change页面。 } }); } } （4）小结

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