第三單元學校裡所講控制元件

Annaprincess發表於2024-04-05

控制元件

第三單元學校裡所講控制元件

1.ImageView圖片

考點1：src和background

background是背景圖片

當設定長寬matchparent

background會鋪滿

而src不會，他會按原圖的比例

小知識點

縮放拖拉
android:scaleType="fitEnd"
/>

</LinearLayout>

2.EditText編輯框

應該寫成

android:inputType="numberPassword"

/>
</LinearLayout>

3.RadioButton單選框

這個app功能是：

第一個文字框會顯示當前學歷

第二個文字框會顯示性別

第三個文字框顯示這兩項總和

第一個文字框考的是匿名內部類+介面+事件監聽（關注的是選項變化setOnCheckedChangeListener，不是很重要一般我們只關注結果）

第二個文字框考察的是普通按鈕都有的onClick方法,觸發誰進行誰。

對於第二個文字框那種操作函式必須是public void

第三個文字框綜合框，考察字串拼接：先初始化String pre=“”；String aft ="";字首存學歷，字尾存性別，都先將他們初始化為空。

然後利用一個非常重要的函式isChecked

最後對最後一個文字框setText字串拼接字首+“，“+字尾

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:orientation="vertical"
>
<TextView
android:id="@+id/pg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Program"/>
<RadioGroup
android:id="@+id/rg1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<RadioButton
android:id="@+id/ud"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Undergraduate"/>
<RadioButton
android:id="@+id/mas"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Master"/>
<RadioButton
android:id="@+id/phd"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="PhD"/>

</RadioGroup>
<TextView
android:id="@+id/gen"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Gender"/>
<RadioGroup
android:id="@+id/rg2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<RadioButton
android:id="@+id/male"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Male"
android:onClick="maleclick"
/>
<RadioButton
android:id="@+id/female"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Female"
android:onClick="femaleclick"

/>
MainActivity.java

</RadioGroup>
<TextView
android:id="@+id/sum"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TBD"/>
<Button

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="OK"
android:onClick="sumclick"
/>

</LinearLayout>

package com.example.test;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
TextView gen;
TextView pg;
RadioButton ud,mas,phd,male,female;
RadioGroup rg1,rg2;
TextView sum;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
gen=findViewById(R.id.gen);
pg=findViewById(R.id.pg);
ud=findViewById(R.id.ud);
mas=findViewById(R.id.mas);
phd=findViewById(R.id.phd);
male=findViewById(R.id.male);
female=findViewById(R.id.female);
rg1=findViewById(R.id.rg1);
rg2=findViewById(R.id.rg2);
sum=findViewById(R.id.sum);
//匿名內部類+介面+監聽
rg1.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
if(checkedId==R.id.ud){
pg.setText("Undergraduate");
}
else if(checkedId==R.id.mas){
pg.setText("Master");
}
else if(checkedId==R.id.phd){
pg.setText("PhD");
}
}
});
}
public void maleclick(View v){
gen.setText("Male");
}
public void femaleclick(View v){
gen.setText("FeMale");
}
public void sumclick(View v){
String pre="";
String aft="";
if(ud.isChecked()){
pre="undergraduate";
}
else if(mas.isChecked()){
pre="Master";
}
else if(phd.isChecked()){
pre="PhD";
}
if(male.isChecked()){
aft="Male";
}
else if(female.isChecked()){
aft="Female";
}
sum.setText(pre+","+aft);
}
}

CheckBox 核取方塊

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="請選擇愛好："
    android:textColor="#FF8800"

    />
   <CheckBox
       android:id="@+id/ch1"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="羽毛球"/>
    <CheckBox
        android:id="@+id/ch2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="乒乓球"/>
    <CheckBox
        android:id="@+id/ch3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="足球"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="您選擇的愛好是："/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/hobby"/>

</LinearLayout>

這是為了最後顯示一共選了哪幾項運動，開始是空白等待填充！

MainActivity.java

package com.example.checkbox1;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity implements CompoundButton.OnCheckedChangeListener {
CheckBox ch1,ch2,ch3;
TextView hobby;//最終顯示所選運動
String hobbies;//存放所選運動的內容
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //第一步：例項化，找到這些控制元件
ch1=findViewById(R.id.ch1);
ch2=findViewById(R.id.ch2);
ch3=findViewById(R.id.ch3);
hobby=findViewById(R.id.hobby);
hobbies=new String();
//第二步：設定監聽器
        ch1.setOnCheckedChangeListener(this);
        ch2.setOnCheckedChangeListener(this);
        ch3.setOnCheckedChangeListener(this);

    }


    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        String name=buttonView.getText().toString();//獲取當前狀態改變控制元件的名稱
        if(isChecked){//選中
            if(!hobbies.contains(name)){//但是現在所存選中內容不包含這個控制元件
                hobbies+=name;
                hobby.setText(hobbies);
            }

        }
        else{//未選中
            if(hobbies.contains(name)){//未選中，但是選中內容裡面有這個控制元件，那就要刪除他用replace
                
                hobbies=hobbies.replace(name,"");
                hobby.setText(hobbies);
            }

        }
    }
}

狀態改變監聽器，只有狀態改變才觸發

ch1.setOnCheckedChangeListener(this);

填上this他會紅色，那麼點住this右鍵先選第二個，再選第一個。

總結

以上題目有個做題思路

（在onCreate方法裡：）

第一步例項化findViewById找到要操縱的控制元件

第二步：設定監聽器set...Listener

（寫監聽方法）

第三步：public void 監聽方法

（進行完第二步系統自動會有第三步只需要我們自定義方法體！）

綜合應用

main.java

package com.example.myapplication111;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener, CompoundButton.OnCheckedChangeListener {
TextView pg,gen,course,sum;
RadioButton ud,mas,phd,male,female;
CheckBox ch1,ch2,ch3;
RadioGroup rg1,rg2;
String c;
String a;
String b;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        pg=findViewById(R.id.pg);
        gen=findViewById(R.id.gen);
        course=findViewById(R.id.course);
        sum=findViewById(R.id.sum);
        ud=findViewById(R.id.ud);
        mas=findViewById(R.id.mas);
        phd=findViewById(R.id.phd);
        male=findViewById(R.id.male);
        female=findViewById(R.id.female);
        ch1=findViewById(R.id.ch1);
        ch2=findViewById(R.id.ch2);
        ch3=findViewById(R.id.ch3);
        rg1=findViewById(R.id.rg1);
        rg2=findViewById(R.id.rg2);
        rg1.setOnCheckedChangeListener(this);
        ch1.setOnCheckedChangeListener(this);
        ch2.setOnCheckedChangeListener(this);
        ch3.setOnCheckedChangeListener(this);
        c=new String();
        a=new String();
        b=new String();
    }

    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        if(checkedId==R.id.ud) {
            pg.setText("undergraduate");
a="undergraduste";

        }
        else if(checkedId==R.id.mas) {
            pg.setText("master");
a="master";

        }
        else if(checkedId==R.id.phd){pg.setText("phd");
            a="phd";}
    }
    public  void maleclick(View v){
        gen.setText("male");
        b="male";

    }
    public void femaleclick(View v){
        gen.setText("female");
        b="female";
    }

    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        String n=buttonView.getText().toString();
        if(isChecked){//選中
            if(!c.contains(n)){
                c+=n;
                course.setText(c);
            }
        }
        else{//沒選中
            if(c.contains(n)){
                c=c.replace(n,"");
                course.setText(c);
            }
        }
    }
    public void sumclick(View v){
sum.setText(a+","+b+","+c);
    }
}

Activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:orientation="vertical"
    >
    <TextView
        android:id="@+id/pg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Program"/>
    <RadioGroup
        android:id="@+id/rg1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
        <RadioButton
            android:id="@+id/ud"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Undergraduate"/>
        <RadioButton
            android:id="@+id/mas"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Master"/>
        <RadioButton
            android:id="@+id/phd"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="PhD"/>

    </RadioGroup>
    <TextView
        android:id="@+id/gen"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Gender"/>
    <RadioGroup
        android:id="@+id/rg2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
        <RadioButton
            android:id="@+id/male"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Male"
            android:onClick="maleclick"
            />
        <RadioButton
            android:id="@+id/female"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Female"
            android:onClick="femaleclick"

            />
    </RadioGroup>
    <TextView
        android:id="@+id/course"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Course"
        />
    <CheckBox
        android:id="@+id/ch1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Java"/>
    <CheckBox
        android:id="@+id/ch2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Data Structure"
        />
    <CheckBox
        android:id="@+id/ch3"

        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ComputerNetwork"/>

    <TextView
        android:id="@+id/sum"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TBD"/>
    <Button

        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="OK"
        android:onClick="sumclick"
        />

</LinearLayout>

總結：

1.Button，RadioButton，CheckBox都有onclick屬性這種屬性在xml只用寫 android:onClick="方法名"就能進行點選事件

在java檔案裡面寫方法public void 方法名(View v){

方法體}

2.監聽器

(1)findViewById

（2）

setOnCkeckChangedListener

（3）public void onCheckedChanged(CompoundButton buttonView, boolean isChecked)

Toast 訊息提示框

動態，在java檔案裡定義，不用在xml裡面定義！

出現位置：頁面最下方

定義方式

Toast.makeText(MainActivity.this, "要顯示的內容", Toast.LENGTH_LONG).show();

Toast.LENGTH_LONG和Toast.LENGTH_SHORT可以二選一(表示顯示時間長度）

activity_main.xml

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >
<TextView

    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="姓名"/>
    <EditText
        android:id="@+id/name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="密碼"/>
    <EditText
        android:id="@+id/ps"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="numberPassword"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="提交"
        android:onClick="send"
        />



</LinearLayout>

mainactivity.java

 package com.example.toa;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
EditText name,ps;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        name=findViewById(R.id.name);
        ps=findViewById(R.id.ps);
    }
    public void send(View v){
if(name.getText().toString().equals("wmy") && ps.getText().toString().equals("123456")){
    Toast.makeText(MainActivity.this, "success", Toast.LENGTH_LONG).show();
}
else {
    Toast.makeText(MainActivity.this, "unsuccess", Toast.LENGTH_LONG).show();
}
    }
}

顯示效果：

這個專案是：只有當輸入姓名是wmy且密碼是123456時Toast輸出success否則輸出unsuccess

捲軸

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_height="match_parent"
android:layout_width="match_parent"

>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="helloworld"
android:textSize="20sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="helloworld"
android:textSize="20sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="helloworld"
android:textSize="20sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="helloworld"
android:textSize="20sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="helloworld"
android:textSize="20sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="helloworld"
android:textSize="20sp"
/>

</ScrollView>

SAP Fiori Elements 公開課第三單元學習筆記 - OData 和註解深入講解
2021-06-29
筆記
英語第三單元詞彙卷
2024-04-10
Xamarin.Forms單元控制元件Cell
2017-03-16
ORM控制元件
網易遊戲開展20所學校公益助學計劃
2019-11-01
遊戲
全民CS、校訓就是搬磚，這所學校計算機頂尖是有原因的
2019-08-23
計算機
駕校裡學不到的10大實用駕駛技巧
2007-04-20
機器學習十講-第三講分類
2021-02-08
機器學習
單元測試學習
2017-05-28
VeeValidate在vue專案裡表單校驗應用案例
2019-03-04
Vue
元學習簡單介紹
2020-10-06
因為美女太多，這所學校設定了三個計算機類學院
2019-08-26
計算機
[開發教程] 第32講：Bootstrap導航選單裡的下拉選單
2019-05-11
boot
這所讓華為砸錢，被蘋果自動駕駛頻繁挖人的學校，應該被你所熟知
2019-05-30
蘋果自動駕駛
Flutter-BLoC-第三講
2019-04-02
FlutterBloC
論蘋果膝上型電腦在學校裡如何聯網
2017-01-10
蘋果
為了培養計算機學生，這所學校把地租給科技公司，沒想到......
2019-08-19
計算機
王樹國校長演講共勉
2024-03-31
SAP標準培訓課程C4C10學習筆記（三）第三單元
2018-10-21
筆記
學渣講爬蟲之Python爬蟲從入門到出門（第三講）
2018-01-13
爬蟲Python
.NET單元測試學習(一)
2013-01-07
Java嵌入式開發講座（第三講）
2007-08-24
Java
Angular單元測試框架裡API toHaveBeenCalledTimes的工作原理
2021-02-21
Angular框架API
SAP 電商雲 Spartacus UI SSR 單元測試裡的 callFake
2021-10-06
UI
太任性！因為美女太多，這所學校設定了三個計算機類學院
2019-08-26
計算機
<react學習筆記(9)>表單控制元件
2018-12-27
React筆記控制元件
SpringBoot基礎學習（一） SpringBoot概念、簡單案例實現、單元測試及熱部署講解
2021-05-31
Spring Boot熱部署
綠色簡單的學校登入html頁面
2016-04-13
HTML
第三週作業（一）：安裝VS以及建立單元測試
2016-03-17
Netty 框架學習 —— 單元測試
2021-06-25
Netty框架
Android中運算元據庫SQL語句的講解，簡單的查詢修改等操作學生類的例子講解
2020-10-23
AndroidSQL
耀中耀華教育網路在港承辦首所內地課程學校
2023-02-16
英國戰時密碼破譯中心將變為一所網路安全學校
2017-07-03
密碼
Qt控制元件精講一：按鈕
2013-12-18
QT控制元件
亞馬遜雲服務（AWS）全面支撐世外教育集團逾50所學校智慧運營
2020-11-18
亞馬遜
如何查詢當前SAP使用者所屬的組織單元(organization unit)
2020-08-18
「Vue原始碼學習」簡單講一講keep-alive的原理吧
2021-12-27
Vue原始碼Keep-Alive
vue表單校驗方法
2021-12-19
Vue
VBA 控制元件學習筆記（下拉選單實現）
2020-03-30
控制元件筆記

第三單元學校裡所講控制元件

第三單元學校裡所講控制元件

1.ImageView圖片

2.EditText編輯框

3.RadioButton單選框

CheckBox 核取方塊

總結

綜合應用

Toast 訊息提示框

捲軸

相關文章