詳解Android Studio實現用戶登陸界面demo（xml實現）

使用Android Studio 編寫的第一個demo，使用佈局文件―xml實現用戶登錄界面

注：所建工程均為Android 6.0 所以只要是Android 6.0（包括6.0）以上的真機，模擬機都可以使用

Step1：Android Studio 開發環境的搭建：

1.安裝JDK (1.8)；
2.安裝Android studio (3.3.1) 包含 gradle、sdk manage 、avd manage ；
3.使用sdk manage 下載安裝 sdk；
4.使用avd manages 創建虛擬機

Step2: 新建工程項目Myapp2.0

1.在res/layout/activity_main.xml中編寫佈局內容：

2.創建一個Java class ―ExitTextUtils用於封裝清空輸入框的內容 ：

 /** * 用於實現點擊叉叉時 , 清空輸入框的內容 */ class EditTextUtils { public static void clearButtonListener(final EditText et, final View view) { // 取得et中的文字 String etInputString = et.getText().toString(); // 根據et中是否有文字進行X可見或不可見的判斷 if (TextUtils.isEmpty(etInputString)) { view.setVisibility(View.INVISIBLE); } else { view.setVisibility(View.VISIBLE); } //點擊X時使et中的內容為空 view.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { et.setText(""); et.requestFocusFromTouch(); } }); //對et的輸入狀態進行監聽 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

 16dp16dp22dp81616dp

color.xml

 #008577#00574B#D81B60#CCCCCC#000000#00CC33#FFFFFF

截圖

Step3：運行程序。。。截圖如下：

下載地址：[ LoginDemo.zip ]