Android入門篇(三)佈局文件 組件

上一篇主要將經常使用的容器視圖大致的介紹了一下,這一篇就簡單的記錄一下經常使用的視圖組件。android

我的博客

clipboard.png

clipboard.png

在Android Api中能夠看到,常見的繼承自view中的視圖組件包括ImageView、TextView、SurfaceView、ProgressBar等幾種常見的View組件;繼承自TextView的還有Button,EditText,CheckedTextView等;繼承自Button的還有CheckBox,RadioButton,ToggleButton;git

TextView

TextView是開發中幾乎最經常使用的組件,主要的做用就是顯示內容,TextView能夠顯示的內容有不少,它能夠解析一些簡單的Html標籤,在這裏就只是講一些簡單的屬性的應用了。
clipboard.png編程

效果就是這個樣子了
clipboard.png數組

裏面涉及的屬性就是gravity,textSize,textColor,background等幾個經常使用的屬性,其中background能夠是圖片的引用,好比@mipmap/ic_launcher。這一個引用的意義就是找到當前工程的res文件夾下面的mipmap中的ic_launcher圖片。app

Button

因爲Button是繼承自TextView,因此裏面包含的屬性和TextView基本相似ide

clipboard.png

上面這個就是Buton的一個基礎的應用了,同時layout_margin,padding等View中通用的屬性也是能夠直接套過來用的。
上面這個的效果就是這個樣子了:spa

clipboard.png

CheckBox

CheckBox的應用也是很是容易的,這裏直接看一個樣例
clipboard.png設計

CheckBox顧名思義,就是一個複選框,一個帶有選擇框的Button,差很少就是這樣子的。3d

clipboard.png

checkbox的選擇框是能夠自定義的,經過設置button的值就能夠實現自定義,這個實現自定義能夠經過寫一個selctor來實現
selector定義的方法:
在drawable中新建一個文件,而後寫入如下內容:xml

clipboard.png

這裏面的圖片資源替換爲本身設計的button圖片就能夠了

至於如何在app中使用checkbox,下一篇開始就講解activity了,很快就能接觸到。

RadioGroup

上面看了複選框,這個就是單選了:

clipboard.png

這也是一個最基礎的使用,效果就是這樣了:

clipboard.png

單選框裏面一樣也能夠自定義button和上面的相似,一樣的能夠在RadioGroup內設置orientation,控制內部的RadioButton是水平或者是垂直的。

Spinner

Spinner也相似與RadioGroup,能夠實現單選的一個功能,下面看一個樣例:
clipboard.png

上面的就涉及到了一個經常使用的屬性entries,這個就是spinner裏面的內容,設計到一個數組文件的使用。在values文件夾下新建一個array.xml,內部的內容以下:

clipboard.png

這個組件的效果以下:

clipboard.png

ImageView

在android 的開發中,圖片展現也是一個經常使用的功能,天然在安卓的view組件中也提供了相應的view,這就是ImageView。ImageView也是繼承自View的一個類,天然就擁有view的屬性,同時也擁有本身的屬性,這裏就簡單的看一下ImageView的使用。

clipboard.png

效果以下:

clipboard.png

這裏就涉及到了一個src和scaleType,其實在ImageView有兩種方式能夠展現圖片。一個就是View中的background,另外一個就是src,background是會根據ImageView的大小自動進行拉伸,而src則是默認縮放。能夠根據scaleType設置圖片縮放的模式。
scaleType的類型以下:

  • fitXY:對圖像的橫向與縱向進行獨立縮放,使得該圖片徹底適應ImageView,可是圖片的橫縱比可能會發生改變
  • fitStart:保持縱橫比縮放圖片,知道較長的邊與Image的編程相等,縮放完成後將圖片放在ImageView的左上角
  • fitCenter:同上,縮放後放於中間;
  • fitEnd:同上,縮放後放於右下角;
  • center:保持原圖的大小,顯示在ImageView的中心。當原圖的size大於ImageView的size,超過部分裁剪處理。
  • centerCrop:保持橫縱比縮放圖片,知道徹底覆蓋ImageView,可能會出現圖片的顯示不徹底
  • centerInside:保持橫縱比縮放圖片,直到ImageView可以徹底地顯示圖片
  • matrix:默認值,不改變原圖的大小,從ImageView的左上角開始繪製原圖, 原圖超過ImageView的部分做裁剪處理

ImageView還有一個比較經常使用的屬性adjustViewBounds,這個是用來控制圖片是否縮放,參數爲true或false。
經常使用view組件就先記錄這麼多,後面再做補充。下一篇開始介紹安卓的四大組件。

相關文章
相關標籤/搜索