詳解Android Studio實現(xiàn)用戶登陸界面demo（xml實現(xiàn)）
更新時間：2020年05月13日 11:29:17 作者：Wendy__ZYX
這篇文章主要介紹了詳解Android Studio實現(xiàn)用戶登陸界面demo，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
使用Android Studio 編寫的第一個demo，使用布局文件—xml實現(xiàn)用戶登錄界面
注：所建工程均為Android 6.0 所以只要是Android 6.0（包括6.0）以上的真機，模擬機都可以使用
Step1：Android Studio 開發(fā)環(huán)境的搭建：
1.安裝JDK (1.8)；
2.安裝Android studio (3.3.1) 包含 gradle、sdk manage 、avd manage ；
3.使用sdk manage 下載安裝 sdk；
4.使用avd manages 創(chuàng)建虛擬機
Step2: 新建工程項目Myapp2.0
1.在res/layout/activity_main.xml中編寫布局內(nèi)容：
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingLeft="55px"
android:paddingRight="50px"
tools:context=".MainActivity">
<TextView
android:id="@+id/message"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/activity_horizontal_margin"
android:layout_marginLeft="@dimen/activity_horizontal_margin"
android:layout_marginTop="@dimen/activity_vertical_margin"
android:text="Hello Word！"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<View
android:layout_width="match_parent"
android:layout_height="2px"
android:layout_marginTop="16px"
android:background="#000000" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="28dp"
android:layout_gravity="center_horizontal"
android:layout_marginTop="20px"
android:text="登陸界面" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>
<EditText
android:id="@+id/et1"
android:layout_width="280dp"
android:layout_height="wrap_content"
android:layout_marginTop="30dp"
android:paddingLeft="10dp"
android:hint="請輸入賬號"
android:inputType="text"/>
<ImageView
android:id="@+id/bt1"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_marginTop="37dp"
android:src="@drawable/delete" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingLeft="8px">
<EditText
android:id="@+id/et2"
android:layout_width="280dp"
android:layout_height="wrap_content"
android:layout_marginTop="26dp"
android:hint="請輸入密碼"
android:inputType="textPassword" />
<ImageView
android:id="@+id/bt2"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_marginTop="33dp"
android:src="@drawable/delete" />
</LinearLayout>
<Button
android:id="@+id/btn_login"
android:layout_width="match_parent"
android:layout_height="48dp"
android:background="@color/bbutton_danger_disabled_edge"
android:layout_marginTop="30dp"
android:text="登 陸"
android:textSize="30dp"
android:textColor="@color/bbutton_danger"/>
<Button
android:id="@+id/bbt1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15dp"
android:layout_gravity="right"
android:layout_marginTop="20px"
android:background="@color/bbutton_danger"
android:text="Adapter" />
</LinearLayout>
2.創(chuàng)建一個Java class —ExitTextUtils用于封裝清空輸入框的內(nèi)容 ：
/**
* 用于實現(xiàn)點擊叉叉時 , 清空輸入框的內(nèi)容
*/
class EditTextUtils {
public static void clearButtonListener(final EditText et, final View view) {
// 取得et中的文字
String etInputString = et.getText().toString();
// 根據(jù)et中是否有文字進行X可見或不可見的判斷
if (TextUtils.isEmpty(etInputString)) {
view.setVisibility(View.INVISIBLE);
} else {
view.setVisibility(View.VISIBLE);
}
//點擊X時使et中的內(nèi)容為空
view.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
et.setText("");
et.requestFocusFromTouch();
}
});
//對et的輸入狀態(tài)進行監(jiān)聽
et.addTextChangedListener(new TextWatcher() {
@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {
}
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
}
@Override
public void afterTextChanged(Editable s) {
if (s.length() == 0) {
view.setVisibility(View.INVISIBLE);
} else {
view.setVisibility(View.VISIBLE);
}
}
});
}
}
3.在MainActivity.java 里書寫代碼：
private TextView mTextMessage;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
EditText et1 = (EditText) findViewById(R.id.et1);
EditText et2 = (EditText) findViewById(R.id.et2);
View bt = findViewById(R.id.bt1);
View iv = findViewById(R.id.bt2);
EditTextUtils.clearButtonListener(et1, bt);
EditTextUtils.clearButtonListener(et2, iv);
Button btn1 = (Button) findViewById(R.id.bbt1);
btn1.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View v){
//Intent是一種運行時綁定（run-time binding）機制，它能在程序運行過程中連接兩個不同的組件，在存放資源代碼的文件夾下下，
Intent i = new Intent(MainActivity.this , Main2ActivityAdapterDemo.class);
//啟動
startActivity(i);
}
});
mTextMessage = (TextView) findViewById(R.id.message);
BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
}
4.布局使用到的資源：
自己建的用于存放自定義的文件 dimens.xml
<resources> <!-- Default screen margins, per the Android Design guidelines. --> <dimen name="activity_horizontal_margin">16dp</dimen> <dimen name="activity_vertical_margin">16dp</dimen> <dimen name="text_size_16">22dp</dimen> <dimen name="space_8">8</dimen> <dimen name="space_16">16</dimen> <dimen name="fab_margin">16dp</dimen> </resources>
color.xml
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#008577</color> <color name="colorPrimaryDark">#00574B</color> <color name="colorAccent">#D81B60</color> <color name="main_gray">#CCCCCC</color> <color name="main_black">#000000</color> <color name="bbutton_danger_disabled_edge">#00CC33</color> <color name="bbutton_danger">#FFFFFF</color> </resources>
截圖
Step3：運行程序。。。截圖如下：
下載地址：[LoginDemo.zip]
到此這篇關(guān)于詳解Android Studio實現(xiàn)用戶登陸界面demo（xml實現(xiàn)）的文章就介紹到這了,更多相關(guān)Android Studio用戶登陸內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Android動態(tài)替換Application實現(xiàn)
這篇文章主要介紹了Android動態(tài)替換Application實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
這篇文章主要介紹了android各種布局中用到的屬性中文說明,需要的朋友可以參考下2014-02-02
Flutter?LinearProgressIndicator使用指南分析
這篇文章主要為大家介紹了Flutter?LinearProgressIndicator使用指南分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
Android 解決WebView調(diào)用loadData()方法顯示亂碼的問題
這篇文章主要介紹了Android 解決WebView調(diào)用loadData()方法顯示亂碼的問題的相關(guān)資料,希望通過本文能幫助到大家解決這樣的問題，需要的朋友可以參考下2017-09-09
在android中ScrollView嵌套ScrollView解決方案
大家好，眾所周知，android里兩個相同方向的ScrollView是不能嵌套的，那要是有這樣的需求怎么辦,接下來為您介紹解決方法，感興趣的朋友可以了解下2013-01-01
在Android中，使用攝像頭拍照一般有兩種方法， 一種是調(diào)用系統(tǒng)自帶的Camera，另一種是自己寫一個攝像的界面，本篇文章給大家介紹android開發(fā)隨手筆記之使用攝像頭拍照，感興趣的朋友一起學習吧2015-11-11
這篇文章主要介紹了Android studio 混淆配置詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10
這篇文章主要為大家詳細介紹了Android自定義復合控件實現(xiàn)通用標題欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
Android自定義viewgroup可滾動布局 GestureDetector手勢監(jiān)聽（5）
這篇文章主要為大家詳細介紹了Android自定義viewgroup可滾動布局，GestureDetector手勢監(jiān)聽，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了Android中自定義水平進度條樣式之黑色虛線 的相關(guān)資料,需要的朋友可以參考下2016-03-03