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_widthandroid: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

參考資料

  1. 組件、控件和插件的區別

    https://blog.csdn.net/haiross/article/details/22662635

  2. TextView、ImageView詳解|菜鳥教程

    https://www.runoob.com/w3cnote/android-tutorial-textview.htmlhttps://www.runoob.com/w3cnote/android-tutorial-imageview.html

  3. Android 基礎之簡單控件

    https://www.jianshu.com/p/a32f639bc756

  4. @id和@+id的區別

    https://blog.csdn.net/bzlj2912009596/article/details/80491153

  5. 【天哥】Android開發視頻教程最新版 Android Studio開發

    https://www.bilibili.com/video/av38409964

  6. Android 獲取焦點

    https://zhidao.baidu.com/question/455464125905865485.html

  7. Android之跑馬燈詳解

    https://www.jianshu.com/p/67e74148a122


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM