Android常見界面控件一

話不多說,先上圖

TextView:TextView控件用於顯示文本信息。

佈局屬性
功能描述
android:layout_width
設置TextView控件的寬度
android:layout_height
設置TextView控件的高度
android:id
設置TextView控件的唯一標識
android:background
設置TextView控件的背景
android:layout_margin
設置當前控件與屏幕邊界或周圍控件、佈局的距離
android:padding
設置TextView控件與該控件中內容的距離
android:text
設置文本內容
android:textColor
設置文字顯示的顏色
android:textSize
設置文字大小,推薦單位爲sp
android:gravity
設置文本內容的位置
android:maxLength
設置文本最大長度,超出此長度的文本不顯示
android:lines
設置文本的行數,超出此行數的文本不顯示
android:maxLines
設置文本的最大行數,超出此行數的文本不顯示。
android:ellipsize
設置當文本超出TextView規定的範圍的顯示方式。
android:drawableTop
在文本的頂部顯示圖像
android:lineSpacingExtra
設置文本的行間距
android:textStyle
設置文本樣式,如bold(粗體),italic(斜體),normal(正常)
示例:

<TextView

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:text="TextView顯示的文本信息!"

    android:textSize="25dp"

    android:textColor="#FF79E3"

    android:gravity="center_horizontal"

    android:textStyle="italic"

    />

運行結果:
 

 Button:Button控件表示按鈕,它繼承自TextView控件,既可以顯示文本,又可以顯示圖片,同時也允許用戶通過點擊來執行操作,當Button控件被點擊時,被按下與彈起的背景會有一個動態的切換效果,這個效果就是點擊效果 。

Button的 OnClick的實現方式:

  • 在佈局文件中指定Button控件的onClick屬性方式

    ①在layout文件中指定onClick屬性:    android:onClick="click"

    ②在Activity中實現這個click方法:

   public void click(View v){

        Log.i("指定onClick屬性方式", "button  is clicked");

     }

  • 匿名內部類方式

    在Activity中添加匿名內部

    btn.setOnClickListener(new View.OnClickListener() {

        @Override

         public void onClick(View v) {

             Log.i("匿名內部類方式", "button  is clicked");

         }

      });

  • 接口方式

    ①設置Button控件的點擊監聽事件:btn.setOnClickListener(this);

    ②接着當前Activity實現OnClickListener接口:
    public class MainActivity extends AppCompatActivity implements View.onClickListener

    ③然後實現OnClickListener接口中的方法:    
    @Override    public void onClick(View v) {         Log.i("接口方式", "button  is clicked");     }

示例:
MainActivity.java

package com.example.controlcomponentdemo;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button button1;

    private Button button2;

    private Button button3;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        button1 = findViewById(R.id.button1);

        button2 = findViewById(R.id.button2);

        button2.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                button2.setText("按鈕二被點擊了");

            }

        });

        button3 = findViewById(R.id.button3);

        button3.setOnClickListener(this);

    }

    public void click(View view) {

        button1.setText("按鈕一被點擊了");

    }

    @Override

    public void onClick(View view) {

        button3.setText("Button3被點擊了");

    }

    

}

activty_main.xml

<Button

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="實現方式一"

    android:id="@+id/button1"

    android:onClick="click"

>

</Button>

<Button

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="實現方式二"

    android:id="@+id/button2"

    >

</Button>

<Button

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="實現方式三"

    android:id="@+id/button3"

    >

</Button>

 運行結果:

 EditText:EditText表示編輯框,它是TextView的子類,用戶可在此控件中輸入信息。

 屬性名稱
功能描述
android:hint
控件中內容爲空時顯示的提示文本信息
android:textColorHint
控件中內容爲空時顯示的提示文本信息的顏色
android:password
輸入文本框中的內容顯示爲“.
android:phoneNumber
設置輸入文本框中的內容只能是數字
android:minLines
設置文本的最小行數
android:scrollHorizontally
設置文本信息超出EditText的寬度情況下,是否出現橫拉條
android:editable
設置是否可編輯
示例:

<LinearLayout

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:layout_marginTop="140dp"

    android:orientation="vertical">

 

 

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="姓名:"

        android:textSize="28sp"

        android:textColor="#000000"

        android:textStyle="italic"

        ></TextView>

    <EditText

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:hint="請輸入姓名"

        android:maxLines="2"

        android:textColor="#000000"

        android:textSize="20sp"

    ></EditText>

</LinearLayout>

運行結果:
 

 ImageView:ImageView表示圖片,它繼承自View,可以加載各種圖片資源。

屬性名稱
功能描述
android:layout_width
設置ImageView控件的寬度
android:layout_height
設置ImageView控件的高度
android:id
設置ImageView控件的唯一標識
android:background
設置ImageView控件的背景
android:layout_margin
設置當前控件與屏幕邊界或周圍控件的距離
android:src
設置ImageView控件需要顯示的圖片資源
android:scaleType
將圖片資源縮放或移動,以適應ImageView控件的寬高
android:tint
將圖片渲染成指定的顏色
示例:

<RelativeLayout

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:layout_marginTop="230dp">

    <ImageView

        android:layout_width="match_parent"

        android:layout_height="400dp"

        android:background="@drawable/bg"

        ></ImageView>

    <ImageView

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:src="@drawable/fo"

        ></ImageView>

</RelativeLayout>

運行結果:
 

RadioButton:RadioButton爲單選按鈕,android:checked屬性指定是否選中的狀態。

RadioGroup是單選組合框,可容納多個RadioButton,並把它們組合在一起,實現單選狀態。

示例:
avtivty_main.xml

<LinearLayout

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:layout_marginTop="430dp"

    android:orientation="horizontal">

    <RadioButton

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/man"

        android:text="男"

        android:textSize="28sp"

        ></RadioButton>

    <RadioButton

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/woman"

        android:text="女"

        android:textSize="28sp"

        ></RadioButton>

    <TextView

        android:id="@+id/gendel"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="你選擇的性別是:"

        ></TextView>

</LinearLayout>

MainActivty.java

package com.example.controlcomponentdemo;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.RadioButton;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private RadioButton radioButton_man;

    private RadioButton radioButton_woman;

    private TextView textView;

        radioButton_man = findViewById(R.id.man);

        radioButton_woman = findViewById(R.id.woman);

        textView = findViewById(R.id.gendel);

        radioButton_man.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                textView.setText("您選擇的性別是男!");

            }

        });

        radioButton_woman.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                textView.setText("您選擇的性別是女!");

            }

        });

    }

}

運行結果:
 

CheckBox表示複選框,它是Button的子類,用於實現多選功能,通過android:checked屬性指定CheckBox控件是否選中的狀態。

示例:

<LinearLayout

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:layout_marginTop="460dp">

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="請選擇愛好:"

        android:textSize="20sp"

        >

    </TextView>

    <CheckBox

        android:id="@+id/bassketball"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="籃球">

    </CheckBox>

    <CheckBox

        android:id="@+id/football"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="足球">

    </CheckBox>

    <CheckBox

        android:id="@+id/tennis"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="網球">

    </CheckBox>

</LinearLayout>

運行結果:
 

 Toast是Android系統提供的輕量級信息提醒機制,用於向用戶提示即時消息,它顯示在應用程序界面的最上層,顯示一段時間後自動消失不會打斷當前操作,也不獲得焦點。
 

public class MainActivity extends AppCompatActivity{
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main)

        Toast.makeText(this,"Wifi已斷開",Toast.LENGTH_LONG).show();

     }

}

運行結果:
 
 
 
 
 
 
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章