Android Studio 學習筆記(三):簡單控制元件及例項
本文針對常用控制元件(Textview、Button、EditText、RadioButton、CheckBox、ImageView)進行簡單說明
控制元件、元件、外掛概念區分
說到控制元件,就不得不區分一些概念。
控制元件(Control):程式設計中用到的部件
元件(Component):軟體的組成部分
外掛(plugin): 應用程式中已經預留介面的元件
下面舉些例子
Android的系統控制元件:
- Textview
- ImageView
- Button
- ...
Android的四大元件
- Activity
- Service
- Content Provider
- Broadcast Receiver
網頁上常用外掛莫過於flash了,用於視訊載入播放。
控制元件說明
和佈局類似控制元件至少需要設定的屬性為android:layout_width和android:layout_height,分別控制佈局的寬度和高度,一般填入的引數為match_parent和wrap_content,也可填入具體尺寸 。
出於實際需要,android:id也必不可少,id屬性只能接受資源型別的值,也就是必須以@開頭的值,在R中用一個int型別的值來表示。比如@+id/xyz,在R.java中表示為int xyz = value
,其中value是一個十六進位制數。
值得說明的是@id和@+id的區別
- @+id,就是在R.java檔案裡新增一個id名稱,如果之前已經存在相同的id名稱,那麼會覆蓋之前的名稱。
- @id,則是直接引用R.java檔案的存在的id資源,如果不存在,會編譯報錯。
Textview 顯示文字框
佈局檔案中常用的幾個單位
- dp(dip): device independent pixels(裝置獨立畫素)不同裝置有不同的顯示效果
- px: pixels(畫素): 不同裝置顯示效果相同
- sp: scaled pixels(放大畫素): 主要用於字型顯示
- pt:(point):是一個標準的長度單位,1pt=1/72英寸,不常用
可實現的常用功能:
可以設定四個方向的圖片: drawableTop(上),drawableButtom(下),drawableLeft(左),drawableRight(右)
當文字中出現了URL,E-Mail,電話號碼的時候,我們可以通過設定android:autoLink屬性;當我們點選對應部分的文字,即可跳轉至某預設APP,比如一串號碼,點選後跳轉至撥號介面!
文字效果,如跑馬燈,陰影等等
android:ellipsize="end" 內容超過螢幕寬度,尾部顯示省略號
實現跑馬燈效果(文字迴圈滾動)
android:singleLine="true" //單行顯示 android:ellipsize="marquee" //文字迴圈滾動 android:marqueeRepeatLimit="marquee_forever" //設定為永久迴圈 android:focusable="true" //獲取鍵盤焦點 android:focusableInTouchMode="true" //獲取觸屏焦點
簡單介紹下這裡的焦點,獲取焦點的控制元件就是當前可以執行操作的控制元件。舉個例子,當我們點選文字框時,會出現游標閃爍,在游標處可以輸入文字,這裡的文字框就獲取了焦點,單行顯示如果用android:maxLines="1"會報錯。
這樣的設計存在一個缺陷——當前介面的其他控制元件都無法獲取焦點了,也就無法在本介面上進行其他操作,僅僅起到演示效果,而且若同時設定多個跑馬燈只有第一個會有響應。(還遇到一個坑,就是在我的紅米真機上顯示不出跑馬燈效果,有待填坑)所以需要設計無焦點的跑馬燈
動圖的下方圖示是水印
Button 按鈕
Button一般需要實現的效果是按下後發生某種響應,跳轉。 Button是TextView的子類,Textview也可像Button一樣設定點選事件
點選效果的原理是:按下前為淺色,按下後變為深色,當然顏色選得恰當的話效果會更好。一種做法是在android:background中引用Drawable資原始檔,設定< item android:state_pressed="xx">中xx分別為true和false的情況下,按鈕狀態的改變
按鈕水波效果實現可見https://www.runoob.com/w3cnote/android-tutorial-button-imagebutton.html
動圖中,如果未設定按鈕狀態改變,看不出按鈕點選效果,於是我加入了點選時帶圓點提示
EditText 可輸入文字框
常用的實用屬性如下
- android:hint 輸入時輸入框的提示文字
- android:inputType 指定輸入型別,如果指定為phone型別,手機鍵盤會自動彈出數字鍵盤,同時輸入也只接受數字型別。
- android:maxLines="1" 指定輸入框的最大行數為1,防止格式變形
demo只演示了數字輸入,可以看到號碼不接受數字外的其他型別輸入
RadioButton 單選按鈕
使用方法如下
比如出一道單選題,選項的集合就是佈局檔案中的<RadioGroup>,裡面巢狀幾個<RadioButton>,每個各代表一個選項,選項內容由android:text決定。
為了方便起見,通常在使用者未選時設定預設選中的選項,在該選項中設定屬性android:checked="true"
選項預設的樣式是在文字前加點表示選中,也可以採用文字框對純色填充的樣式。則需要在android:background中引用Drawable資原始檔,設定< item android:state_checked="xx">中xx分別為true和false的情況下,按鈕狀態的改變。
CheckBox 複選框
相當於多選題,區別RadioButton的地方在於,不需設定一個選項集合,而是
題目可由TextView顯示,每個選項由一個<CheckBox>表示,選項內容由android:text決定。
選項的按鈕樣式可通過引用Drawable資原始檔,在Drawable資原始檔中進行修改設定。
ImageView 影象檢視
ImageView有兩個可以設定圖片的屬性,分別是:src和background
background通常指的都是背景,而src指的是內容!!
當使用src填入圖片時,是按照圖片大小直接填充,並不會進行拉伸
而使用background填入圖片,則是會根據ImageView給定的寬度來進行拉伸
圖片縮放型別可由兩種控制方式設定:
- 佈局檔案中設定 android:scaleType 屬性
- Java程式碼中設定ImageView.setScaleType()方法
ImageView原始碼中暫時沒有實現載入網路圖片的方法,當然在網上有很多種方法,這裡介紹其中一種:使用第三方的庫Glide載入網路圖片。
按照天哥的視訊進行配置 build.gradle,一開始報錯了,說一下修改遇到的坑:
- 需要修改的build.gradle是在app目錄下的,不是另一個
- 當前版本使用的是androidx,因此會找不到android.v7包,改成當前版本下的appcompat即可,其餘同理
- 當前版本的compile都建議修改為implement
參考資料
元件、控制元件和外掛的區別
https://blog.csdn.net/haiross/article/details/22662635
TextView、ImageView詳解|菜鳥教程
https://www.runoob.com/w3cnote/android-tutorial-textview.html,https://www.runoob.com/w3cnote/android-tutorial-imageview.html
Android 基礎之簡單控制元件
https://www.jianshu.com/p/a32f639bc756
@id和@+id的區別
https://blog.csdn.net/bzlj2912009596/article/details/80491153
【天哥】Android開發視訊教程最新版 Android Studio開發
https://www.bilibili.com/video/av38409964
Android 獲取焦點
https://zhidao.baidu.com/question/455464125905865485.html
Android之跑馬燈詳解
https://www.jianshu.com/p/67e74148a122