Android 基本UI控件

Myth丶恋晨 2022-09-24 12:26 216阅读 0赞

**Android基本控件  
1.TextView  
2.EditText  
3.Button  
4.RadioButton以及RadioGroup  
5.CheckBox**

**6.ImageView**

**TextView的基本属性  
android：text  
android : textColor  
android : textSize**

**EditText的基本属性  
android：inputType  
android：hint  
android:drawableLeft  
android:drawablePadding**

**Button的基本属性  
Button的点击事件监听  
4种监听方式**

**![20160731141751527][]**

**CheckBox的基本属性  
CheckBox的选中状态改变事件监听  
全选  
获取选中的CheckBox的文本**

**各个控件之间相同的属性  
android:text,android:width,android:height  
android:id  
每个控件独有的属性  
Button:onClick  
EditText: hint,inputType  
CheckBox:Checked  
RadioButton:Checked**

**练习：深入理解各控件的使用。（点击登录出现用户名和密码）**

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".Z1">
    
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="你好!"
            android:textSize="30sp"
            android:textColor="#ff0000"
            android:textAlignment="center"
            android:id="@+id/textView"
    
            />
        <TextView
            android:id="@+id/show"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="张睿欢迎你!"
            android:textSize="20sp"
            android:maxLines="2"
            android:minLines="1"
            />
    
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="请输入用户名"
            android:drawableLeft="@mipmap/ic_launcher"
            android:drawablePadding="20dp"
            android:id="@+id/userName" />
    
        <EditText
            android:id="@+id/userPwd"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textPassword"
            android:hint="请输入密码"
            android:drawableLeft="@mipmap/ic_launcher"
            android:drawablePadding="20dp" />
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="性别"
            />
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            >
            <CheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="true"
                android:text="男"
                />
            <CheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="女"
                />
        </LinearLayout>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我的技能有"
            />
        <RadioGroup
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="true"
                android:text="Java"
                />
            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="ios"
                />
            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="true"
                android:text="Android"
                />
        </RadioGroup>
        <Button
            android:id="@+id/btnLogin"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="登录"
            android:textSize="20sp"
            />
    </LinearLayout>

代码栏：设置监听器监听点击事件。

package com.example.administrator.myapplication;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.EditText;
    import android.widget.TextView;
    import android.widget.Toast;
    
    public class Z1 extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            Button btnLogin = (Button) findViewById(R.id.btnLogin);
            final  EditText userName=(EditText)findViewById(R.id.userName);
            final  EditText userPwd=(EditText)findViewById(R.id.userPwd);
            final TextView show =(TextView)findViewById(R.id.show);
            btnLogin.setOnClickListener(new View.OnClickListener(){
                public void onClick(View v){
                    String name=userName.getText().toString();
                    String pwd =userPwd.getText().toString();
                    show.setText("用户名:" + name + "\t"+"密码:" + pwd);
                    Toast.makeText(
                            Z1.this,
                            "你点击了按钮",
                            Toast.LENGTH_SHORT
                    ).show();
                }
            });
        }
     }

效果展示：

**![20160731144621024][]**

[20160731141751527]: /images/20220719/30f49a69067545d5b5dfce10971dd5d9.png
[20160731144621024]: /images/20220719/f228aab2137843548bc4f47ed627b718.png