系出名門Android(5) – 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox

原創 wylwhd 2020-02-22 12:20

原創作品，允許轉載，轉載時請務必以超鏈接形式標明文章 原始出處 、作者信息和本聲明。否則將追究法律責任。http://webabcd.blog.51cto.com/1787395/342055

[索引頁]


[源碼下載]

點擊鏈接下載Android
大小 : 1.95 MB
下載次數 : 0

系出名門Android(5) – 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox, RadioButton, AnalogClock, DigitalClock

作者：webabcd

介紹
在 Android 中使用各種控件(View)

  • TextView - 文本顯示控件
  • Button - 按鈕控件
  • ImageButton - 圖片按鈕控件
  • ImageView - 圖片顯示控件
  • CheckBox - 複選框控件
  • RadioButton - 單選框控件
  • AnalogClock - 鐘錶（帶錶盤的那種）控件
  • DigitalClock - 電子錶控件

1、TextView 的 Demo
textview.xml

1
2
3
4
5
6
7
8
9
10
11
12

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        android:orientation="vertical" android:layout_width="fill_parent" 
        android:layout_height="fill_parent"> 
 
        <!-- 
                TextView - 文本顯示控件 
        --> 
        <TextView android:layout_width="fill_parent" 
                android:layout_height="wrap_content" android:id="@+id/textView" /> 
 
</LinearLayout>

_TextView.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

package com.webabcd.view; 
 
import android.app.Activity; 
import android.os.Bundle; 
import android.widget.TextView; 
 
public class _TextView extends Activity { 
 
        @Override 
        protected void onCreate(Bundle savedInstanceState) { 
                // TODO Auto-generated method stub 
                super.onCreate(savedInstanceState); 
                this.setContentView(R.layout.textview); 
 
                // 設置 Activity 的標題 
                setTitle("TextView"); 
 
                TextView txt = (TextView) this.findViewById(R.id.textView); 
                // 設置文本顯示控件的文本內容，需要換行的話就用“/n” 
                txt.setText("我是 TextView/n顯示文字用的"); 
        } 
}

2、Button 的 Demo
button.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        android:orientation="vertical" android:layout_width="fill_parent" 
        android:layout_height="fill_parent"> 
 
        <TextView android:layout_width="fill_parent" 
                android:layout_height="wrap_content" android:id="@+id/textView" /> 
 
         <!-- 
                 Button - 按鈕控件 
         -->         
        <Button android:id="@+id/button" 
                android:layout_width="wrap_content" android:layout_height="wrap_content"> 
        </Button> 
 
</LinearLayout>

_Button.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

package com.webabcd.view; 
 
import android.app.Activity; 
import android.os.Bundle; 
import android.view.View; 
import android.widget.Button; 
import android.widget.TextView; 
 
public class _Button extends Activity { 
 
        @Override 
        protected void onCreate(Bundle savedInstanceState) { 
                // TODO Auto-generated method stub 
                super.onCreate(savedInstanceState); 
                this.setContentView(R.layout.button); 
 
                setTitle("Button"); 
 
                Button btn = (Button) this.findViewById(R.id.button); 
                btn.setText("click me"); 
 
                // setOnClickListener() - 響應按鈕的鼠標單擊事件 
                btn.setOnClickListener(new Button.OnClickListener(){ 
                        @Override 
                        public void onClick(View v) { 
                                TextView txt = (TextView) _Button.this.findViewById(R.id.textView); 
                                txt.setText("按鈕被單擊了"); 
                        } 
                }); 
        } 
}

3、ImageButton 的 Demo
imagebutton.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        android:orientation="vertical" android:layout_width="fill_parent" 
        android:layout_height="fill_parent"> 
 
        <TextView android:layout_width="fill_parent" 
                android:layout_height="wrap_content" android:id="@+id/textView" /> 
 
        <!-- 
                ImageButton - 圖片按鈕控件 
        -->         
        <ImageButton android:id="@+id/imageButton" 
                android:layout_width="wrap_content" android:layout_height="wrap_content"> 
        </ImageButton> 
 
</LinearLayout>

_ImageButton.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

package com.webabcd.view; 
 
import android.app.Activity; 
import android.os.Bundle; 
import android.view.View; 
import android.widget.Button; 
import android.widget.ImageButton; 
import android.widget.TextView; 
 
public class _ImageButton extends Activity { 
 
        @Override 
        protected void onCreate(Bundle savedInstanceState) { 
                // TODO Auto-generated method stub 
                super.onCreate(savedInstanceState); 
                this.setContentView(R.layout.imagebutton); 
 
                setTitle("ImageButton"); 
 
                ImageButton imgButton = (ImageButton) this.findViewById(R.id.imageButton); 
                // 設置圖片按鈕的背景 
                imgButton.setBackgroundResource(R.drawable.icon01); 
 
                // setOnClickListener() - 響應圖片按鈕的鼠標單擊事件 
                imgButton.setOnClickListener(new Button.OnClickListener(){ 
                        @Override 
                        public void onClick(View v) { 
                                TextView txt = (TextView) _ImageButton.this.findViewById(R.id.textView); 
                                txt.setText("圖片按鈕被單擊了"); 
                        } 
                }); 
        } 
}

4、ImageView 的 Demo
imageview.xml

1
2
3
4
5
6
7
8
9
10
11
12

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        android:orientation="vertical" android:layout_width="fill_parent" 
        android:layout_height="fill_parent"> 
 
        <!-- 
                ImageView - 圖片顯示控件 
        --> 
        <ImageView android:id="@+id/imageView" android:layout_width="wrap_content" 
                android:layout_height="wrap_content"></ImageView> 
 
</LinearLayout>

_ImageView.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

package com.webabcd.view; 
 
import android.app.Activity; 
import android.os.Bundle; 
import android.widget.ImageView; 
 
public class _ImageView extends Activity { 
 
        @Override 
        protected void onCreate(Bundle savedInstanceState) { 
                // TODO Auto-generated method stub 
                super.onCreate(savedInstanceState); 
                this.setContentView(R.layout.imageview); 
 
                setTitle("ImageView"); 
 
                ImageView imgView = (ImageView) this.findViewById(R.id.imageView); 
                // 指定需要顯示的圖片 
                imgView.setBackgroundResource(R.drawable.icon01); 
        } 
}

5、CheckBox 的 Demo
checkbox.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        android:orientation="vertical" android:layout_width="fill_parent" 
        android:layout_height="fill_parent"> 
 
        <TextView android:layout_width="fill_parent" 
                android:layout_height="wrap_content" android:id="@+id/textView" /> 
 
        <!-- 
                CheckBox - 複選框控件 
        --> 
        <CheckBox android:text="CheckBox01" android:id="@+id/chk1" 
                android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox> 
        <CheckBox android:text="CheckBox02" android:id="@+id/chk2" 
                android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox> 
        <CheckBox android:text="CheckBox03" android:id="@+id/chk3" 
                android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox> 
 
</LinearLayout>

_CheckBox.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

package com.webabcd.view; 
 
import android.app.Activity; 
import android.os.Bundle; 
import android.widget.CheckBox; 
import android.widget.CompoundButton; 
import android.widget.TextView; 
 
public class _CheckBox extends Activity { 
 
        @Override 
        protected void onCreate(Bundle savedInstanceState) { 
                // TODO Auto-generated method stub 
                super.onCreate(savedInstanceState); 
                this.setContentView(R.layout.checkbox); 
 
                setTitle("CheckBox"); 
 
                CheckBox chk = (CheckBox) this.findViewById(R.id.chk1); 
                // setOnCheckedChangeListener() - 響應複選框的選中狀態改變事件 
                chk.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { 
                        @Override 
                        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { 
                                TextView txt = (TextView) _CheckBox.this.findViewById(R.id.textView); 
                                txt.setText("CheckBox01 的選中狀態：" + String.valueOf(isChecked));                                 
                        } 
                }); 
        } 
}

6、RadioButton 的 Demo
radiobutton.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        android:orientation="vertical" android:layout_width="fill_parent" 
        android:layout_height="fill_parent"> 
 
        <TextView android:layout_width="fill_parent" 
                android:layout_height="wrap_content" android:id="@+id/textView" /> 
 
        <!-- 
                RadioButton - 單選框控件 
                RadioGroup - 對其內的單選框控件做分組 
                        checkedButton - 指定組內被選中的單選框的 ID 
        --> 
        <RadioGroup android:id="@+id/radioGroup" 
                android:layout_width="fill_parent" android:layout_height="fill_parent" 
                android:checkedButton="@+id/rad3" android:orientation="horizontal" 
                android:gravity="center_vertical|center_horizontal"> 
                <RadioButton android:text="rad1" android:id="@+id/rad1" 
                        android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton> 
                <RadioButton android:text="rad2" android:id="@+id/rad2" 
                        android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton> 
                <RadioButton android:text="rad3" android:id="@+id/rad3" 
                        android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton> 
        </RadioGroup> 
 
</LinearLayout>

_RadioButton.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

package com.webabcd.view; 
 
import android.app.Activity; 
import android.os.Bundle; 
import android.widget.RadioButton; 
import android.widget.RadioGroup; 
import android.widget.TextView; 
 
public class _RadioButton extends Activity { 
 
        @Override 
        protected void onCreate(Bundle savedInstanceState) { 
                // TODO Auto-generated method stub 
                super.onCreate(savedInstanceState); 
                this.setContentView(R.layout.radiobutton); 
 
                setTitle("RadioButton"); 
 
                RadioGroup group = (RadioGroup) this.findViewById(R.id.radioGroup); 
                // setOnCheckedChangeListener() - 響應單選框組內的選中項發生變化時的事件 
                group.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {         
                        @Override 
                        public void onCheckedChanged(RadioGroup group, int checkedId) { 
                                TextView txt = (TextView) _RadioButton.this.findViewById(R.id.textView); 
                                txt.setText(((RadioButton)findViewById(checkedId)).getText() + " 被選中");                                         
                        } 
                });    
        } 
}

7、AnalogClock 的 Demo
analogclock.xml

1
2
3
4
5
6
7
8
9
10
11
12
13

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        android:orientation="vertical" android:layout_width="fill_parent" 
        android:layout_height="fill_parent"> 
 
        <!-- 
                AnalogClock - 鐘錶（帶錶盤的那種）控件 
        --> 
        <AnalogClock android:id="@+id/analogClock" 
                android:layout_width="wrap_content" android:layout_height="wrap_content"> 
        </AnalogClock> 
 
</LinearLayout>

_AnalogClock.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

package com.webabcd.view; 
 
import android.app.Activity; 
import android.os.Bundle; 
 
public class _AnalogClock extends Activity { 
 
        @Override 
        protected void onCreate(Bundle savedInstanceState) { 
                // TODO Auto-generated method stub 
                super.onCreate(savedInstanceState); 
                this.setContentView(R.layout.analogclcok); 
 
                setTitle("AnalogClock"); 
        } 
}

8、DigitalClock 的 Demo
digitalclock.xml

1
2
3
4
5
6
7
8
9
10
11
12
13

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        android:orientation="vertical" android:layout_width="fill_parent" 
        android:layout_height="fill_parent"> 
 
        <!-- 
                DigitalClock - 電子錶控件 
        --> 
        <DigitalClock android:id="@+id/digitalClock" 
                android:layout_width="wrap_content" android:layout_height="wrap_content"> 
        </DigitalClock> 
 
</LinearLayout>

_DigitalClock.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

package com.webabcd.view; 
 
import android.app.Activity; 
import android.os.Bundle; 
 
public class _DigitalClock extends Activity { 
 
        @Override 
        protected void onCreate(Bundle savedInstanceState) { 
                // TODO Auto-generated method stub 
                super.onCreate(savedInstanceState); 
                this.setContentView(R.layout.digitalclcok); 
 
                setTitle("DigitalClcok"); 
        } 
}

OK

本文出自 “webabcd” 博客，請務必保留此出處http://webabcd.blog.51cto.com/1787395/342055

轉載編輯： flysolo
轉載地址：http://disanji.net/2010/12/26/famous-android-5-view-textview-button-imagebutton-imageview-checkbox/
wylwhd
發佈了7 篇原創文章 · 獲贊 4 · 訪問量 6萬+
私信 關注
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Vue 學習筆記簡寫

一.Vue文件內容                <template>     </template>     <script>     </script>     <style>     </style>

原創 2024-05-13 21:42:40

gradle 配置鏡像

文件位置：./gradle/init.gradle def repoConfig = { all { ArtifactRepository repo -> if (repo instanceof MavenArtif

原創 2024-06-06 23:07:52

基於TAE的數字鑰匙自動化測試解決方案

方案概述        在汽車發展和用戶需求的推動下，汽車鑰匙開始從傳統的機械鑰匙向數字化、智能化方向發展。目前常見的數字鑰匙集成了藍牙、NFC、UWB等技術實現了移動設備與車端的通信，可以幫助用戶便捷的實現車輛功能控制。隨着數字鑰匙的廣泛

原創 2024-05-29 23:11:46

同樣的APP爲何在Android 8以後網絡感覺變卡？

前言  在無線網絡技術不斷髮展的今天，Wi-Fi已經成爲了我們日常生活中不可或缺的一部分。無論是家庭娛樂、辦公還是在線遊戲，Wi-Fi都在提供着便捷的互聯網接入服務。然而，在安卓8.1後，爲了進一步延長安卓設備的待機時間。原生安卓(AO

原創 2024-05-23 23:57:27

「實用推薦」如何爲桌面 & 移動跨平臺應用選擇UI框架/APP架構？

DevExpress .NET MAUI UI組件庫提供了用於Android和iOS移動開發的高性能UI組件，該庫包括數據網格、圖表、日程、數據編輯器、CollectionView和選項卡組件。 獲取DevExpress .NET MAUI

原創 2024-05-21 12:19:30

有隙可乘 - Android 序列化漏洞分析實戰

作者：vivo 互聯網大前端團隊 - Ma Lian 本文主要描述了FileProvider，startAnyWhere實現，Parcel不對稱漏洞以及這三者結合產生的漏洞利用實戰，另外闡述了漏洞利用的影響和修復預防措施，這個漏洞波及了

原創 2024-05-16 12:09:07

【深圳招聘】Taro 團隊招前端開發工程師！

Taro 團隊再再再招人啦！我們正在尋找多位有經驗的「前端開發工程師」加入我們的團隊。如果您具備以下技能和經驗，我們期待您的加入： 工作職責 參與 Taro 框架開發，同時在跨端和全棧等技術方向攻克難題； 參與跨團隊合作，完成整體項目規

原創 2024-05-13 21:53:04

vue3 scss style scope 加了無法重寫

在Vue中，style scope是一個特性，它可以防止組件的樣式影響到其他組件，從而減少樣式衝突。這個特性通過在生成的CSS選擇器中自動添加一個屬性（通常是data-v-hash）來實現。 如果你遇到了style scope導致樣式無法被

原創 2024-06-02 02:09:05

界面控件DevExtreme v23.2亮點 - 標籤、表單、編輯器功能升級

DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序。從Ang

原創 2024-05-28 12:19:08

Vite 的預構建原理與實踐| 京東物流技術團隊

Vite 預構建的核心原理 1. 兼容性與性能的雙重目標 Vite 的預構建旨在解決兩個主要問題：兼容性和性能。對於兼容性，由於 Vite 在開發階段將所有代碼視爲原生 ES 模塊，因此需要將 CommonJS 或 UMD 格式的依賴轉

原創 2024-05-17 23:56:42

Spring boot自動裝配實現原理

自動裝配原理分析 條件註冊機制 spring-context模塊中有兩個組件：Condition接口和@Conditional註解，在@Conditional註解中可以指定一組Condition實現， 通常@Conditional是和@Co

原創 2024-05-16 23:48:07

Spring @EnableXxx註解的使用理解

@EnableXxx註解 Spring有很多@EnableXxx這種形式的註解，類似於可以一鍵打開某項功能，相當於暴露給用戶的一種便捷的配置API，例如 @EnableAsync 激活異步執行能力，@EnableTransactionMan

原創 2024-05-16 23:48:06

Spring 按條件裝配使用方法

條件註冊 Spring 4.0 引入條件註冊機制，暴露給用戶的API是@Conditional和Condition接口，把@Conditional聲明在一個 @Component類上，並接受一組條件（Condition實現），容器初始化期間

原創 2024-05-15 11:50:12

Python函數與模塊的精髓與高級特性

本文分享自華爲雲社區《Python函數與模塊的精髓與高級特性》，作者：檸檬味擁抱。 Python 是一種功能強大的編程語言，擁有豐富的函數和模塊，使得開發者能夠輕鬆地構建複雜的應用程序。本文將介紹 Python 中函數和模塊的基本使用方法，

原創 2024-05-14 11:00:07

com.fasterxml.jackson.databind.JsonMappingException: Invalid UTF-8 start byte 0xb1

在windows環境，springboot 處理提交的json數據報錯“com.fasterxml.jackson.databind.JsonMappingException: Invalid UTF-8 start byte 0xb1”。

原創 2024-05-30 22:15:03