2020-04-07 常用控件Button篇

目標(biāo):熟悉使用android系統(tǒng)自帶的常用控件,


widgets:Button气嫁、ToggleButton当窗、CheckBox、RadioButton寸宵、CheckedTextView崖面、Spinner、ProgressBar梯影、SeekBar巫员、QuickContacBadge、RatingBar甲棍、Switch简识、Space






控件對應(yīng)的圖片(控件展示)

Button:

<Button

? ? android:text="@string/btn"

? ? android:layout_width="wrap_content"

? ? android:layout_height="wrap_content" />

ToggleButton:

<ToggleButton

? ? android:id="@+id/tog_btn"

? ? android:layout_width="wrap_content"

? ? android:layout_height="wrap_content"

? ? android:textOff="@string/off"

? ? android:textOn="@string/on" />




默認(rèn)狀態(tài)

點(diǎn)擊后狀態(tài)



CheckBox:

<CheckBox

? ? android:id="@+id/checkbox"

? ? android:layout_width="wrap_content"

? ? android:layout_height="wrap_content" />


默認(rèn)未選中狀態(tài)

選中狀態(tài)


RadioButton:

<RadioButton

? ? android:id="@+id/radioButton1"

? ? android:layout_width="wrap_content"

? ? android:layout_height="wrap_content" />


默認(rèn)未點(diǎn)擊狀態(tài)

點(diǎn)擊后狀態(tài)


搭配RadioGroup使用,實(shí)現(xiàn)在RadioGroup中單選功能:

<RadioGroup

? ? android:id="@+id/radioGroup"

? ? android:layout_width="match_parent"

? ? android:layout_height="wrap_content"

? ? android:layout_marginTop="10dp"

? ? android:background="@color/colorBackgroud"

? ? android:orientation="horizontal"

? ? android:weightSum="2">

<RadioButton

? ? ? ? android:id="@+id/radioButton1"

? ? ? ? android:layout_width="0dp"

? ? ? ? android:layout_height="wrap_content"

? ? ? ? android:layout_weight="1"

? ? ? ? android:gravity="center"

? ? ? ? android:text="@string/one"

? ? ? ? android:textColor="@color/colorAccent" />

<RadioButton

? ? ? ? android:id="@+id/radioButton2"

? ? ? ? android:layout_width="0dp"

? ? ? ? android:layout_height="wrap_content"

? ? ? ? android:layout_weight="1"

? ? ? ? android:gravity="center"

? ? ? ? android:text="@string/two"

? ? ? ? android:textColor="@color/colorPrimary" />

</RadioGroup>





CheckedTextView:

<CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android"

? ? android:id="@android:id/text1"

? ? android:layout_width="match_parent"

? ? android:layout_height="?android:attr/listPreferredItemHeightSmall"

? ? android:textAppearance="?android:attr/textAppearanceListItemSmall"

? ? android:gravity="center_vertical"

? ? android:checkMark="?android:attr/listChoiceIndicatorSingle"

? ? android:paddingStart="?android:attr/listPreferredItemPaddingStart"

? ? android:paddingEnd="?android:attr/listPreferredItemPaddingEnd" />


系統(tǒng)布局文件simple_list_item_single_choice和simple_list_item_multiple_choice默認(rèn)引用了CheckedTextView 控件


Spinner:

<Spinner

? ? android:id="@+id/spinner"

? ? android:layout_width="wrap_content"

? ? android:layout_height="wrap_content"

? ? android:dropDownWidth="200dp"

? ? android:popupBackground="@color/colorAccent"

? ? android:spinnerMode="dialog" />//dropdown下拉



點(diǎn)擊后展示一個(gè)新的布局感猛,展示方式有兩種七扰,一:下拉展示,二:彈窗展示

下拉展示

彈窗展示:



ProgressBar:

樣式分為兩種陪白,確定與不確定颈走,確定的設(shè)置為直線進(jìn)度條,不確定的設(shè)置為加載圓圈進(jìn)度條

直線進(jìn)度條:style="?android:attr/progressBarStyleHorizontal"

<ProgressBar

? ? style="?android:attr/progressBarStyleHorizontal"

? ? android:layout_width="match_parent"

? ? android:layout_height="wrap_content"

? ? android:max="100"? //進(jìn)度分為100份

? ? android:progress="100"http://加載100份

? ? />



圓圈進(jìn)度條:style="?android:attr/progressBarStyle"


SeekBar:

<SeekBar

? ? android:layout_width="match_parent"

? ? android:layout_height="wrap_content" />


常見的音視頻播放進(jìn)度條



QuickContacBadge:

QuickContactBadge咱士,聯(lián)系人快捷標(biāo)識立由,具體效果為顯示一張聯(lián)系人圖片,點(diǎn)一下彈出與之相關(guān)的快捷功能欄序厉,如打電話锐膜、發(fā)短信等


<QuickContactBadge

? ? android:id="@+id/badge"

? ? android:src="@drawable/timg"

? ? android:layout_width="30dp"

? ? android:layout_height="30dp" />



模擬查找手機(jī)電話聯(lián)系人:

badge=findViewById(R.id.badge);

badge.assignContactFromPhone("18153808579",false);

點(diǎn)擊上圖的圖片后,出現(xiàn):


點(diǎn)擊所有聯(lián)系人下的號碼脂矫,出現(xiàn):



RatingBar:

RatingBar是ProgressBar的一個(gè)延伸,ProgressBar的進(jìn)度一般由代碼控制霉晕,RatingBar的進(jìn)度可以拖拽來控制庭再。


基于寬度設(shè)置的屬性:wrap_content,默認(rèn)顯示5個(gè)星星捞奕,


如果填充為鋪滿match_parent,則根據(jù)手機(jī)屏幕適配拄轻,填滿整行個(gè)星星颅围,

<RatingBar

? ? android:layout_width="match_parent"

? ? android:layout_height="wrap_content" />


改變星星圖片屬性,使用progressDrawable屬性:

android:progressDrawable="@drawable/ratingbar_bg"


Switch:

<Switch

? ? android:id="@+id/swth"

? ? android:layout_width="wrap_content"

? ? android:layout_height="wrap_content"

? ? android:textOff="@string/off_switch"

? ? android:textOn="@string/on_switch" />

默認(rèn)狀態(tài)


點(diǎn)擊后狀態(tài)

Space:

Space 經(jīng)常用于組件之間的縫隙恨搓,其draw()為空院促,減少了繪制渲染的過程。組件之間的距離使用 Space 會(huì)提高了繪制效率斧抱,特別是對于動(dòng)態(tài)設(shè)置間距會(huì)很方便高效常拓。

正是因?yàn)閐raw()為空,對該 view 沒有做任務(wù)繪制渲染辉浦,所以不能對 Space 設(shè)置背景色弄抬。

<android.support.v4.widget.Space

? ? android:layout_width="1dp"

? ? android:layout_height="10dp" />


android:background="@color/colorAccent"http://設(shè)置背景默認(rèn)為系統(tǒng)的紅色,發(fā)現(xiàn)背景并未變成紅色宪郊,

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末掂恕,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子弛槐,更是在濱河造成了極大的恐慌懊亡,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件乎串,死亡現(xiàn)場離奇詭異店枣,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)灌闺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進(jìn)店門艰争,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人桂对,你說我怎么就攤上這事甩卓。” “怎么了蕉斜?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵逾柿,是天一觀的道長。 經(jīng)常有香客問我宅此,道長机错,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任父腕,我火速辦了婚禮弱匪,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘璧亮。我一直安慰自己萧诫,他們只是感情好斥难,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著帘饶,像睡著了一般哑诊。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上及刻,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天镀裤,我揣著相機(jī)與錄音,去河邊找鬼缴饭。 笑死暑劝,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的茴扁。 我是一名探鬼主播铃岔,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼峭火!你這毒婦竟也來了毁习?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤卖丸,失蹤者是張志新(化名)和其女友劉穎纺且,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體稍浆,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡载碌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了衅枫。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嫁艇。...
    茶點(diǎn)故事閱讀 38,039評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖弦撩,靈堂內(nèi)的尸體忽然破棺而出步咪,到底是詐尸還是另有隱情,我是刑警寧澤益楼,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布猾漫,位于F島的核電站,受9級特大地震影響感凤,放射性物質(zhì)發(fā)生泄漏悯周。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一陪竿、第九天 我趴在偏房一處隱蔽的房頂上張望禽翼。 院中可真熱鬧,春花似錦、人聲如沸闰挡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽解总。三九已至,卻和暖如春姐仅,著一層夾襖步出監(jiān)牢的瞬間花枫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工掏膏, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留劳翰,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓馒疹,卻偏偏與公主長得像佳簸,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子颖变,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容