新聞中心
鴻蒙OS Button
按鈕(Button)是一種常見的組件,點(diǎn)擊可以觸發(fā)對應(yīng)的操作,通常由文本或圖標(biāo)組成,也可以由圖標(biāo)和文本共同組成。

圖1 文本按鈕
圖2 圖標(biāo)按鈕
圖3 圖標(biāo)和文本共同組成的按鈕
創(chuàng)建Button
使用 Button 組件,可以生成形狀、顏色豐富的按鈕。
button_element.xml:
響應(yīng)點(diǎn)擊事件
按鈕的重要作用是當(dāng)用戶單擊按鈕時(shí),會執(zhí)行相應(yīng)的操作或者界面出現(xiàn)相應(yīng)的變化。實(shí)際上用戶點(diǎn)擊按鈕時(shí),Button 對象將收到一個(gè)點(diǎn)擊事件。 開發(fā)者可以自定義響應(yīng)點(diǎn)擊事件的方法。例如,通過創(chuàng)建一個(gè) Component.ClickedListener 對象,然后通過調(diào)用 setClickedListener 將其分配給按鈕。
//從定義的xml中獲取Button對象
Button button = (Button) rootLayout.findComponentById(ResourceTable.Id_button_sample);
// 為按鈕設(shè)置點(diǎn)擊事件回調(diào)
button.setClickedListener(new Component.ClickedListener() {
public void onClick(Component v) {
// 此處添加點(diǎn)擊按鈕后的事件處理邏輯
}
});
不同類型的按鈕
按照按鈕的形狀,按鈕可以分為:普通按鈕,橢圓按鈕,膠囊按鈕,圓形按鈕等。
- 普通按鈕
普通按鈕和其他按鈕的區(qū)別在于不需要設(shè)置任何形狀,只設(shè)置文本和背景顏色即可,例如:
color_blue_element.xml:
- 橢圓按鈕
橢圓按鈕是通過設(shè)置 background_element 的來實(shí)現(xiàn)的,background_element 的shape 設(shè)置為橢圓(oval),例如:
oval_button_element.xml:
- 膠囊按鈕
膠囊按鈕是一種常見的按鈕,設(shè)置按鈕背景時(shí)將背景設(shè)置為矩形形狀,并且設(shè)置 ShapeElement 的 radius 的半徑,例如:
capsule_button_element.xml:
- 圓形按鈕
圓形按鈕和橢圓按鈕的區(qū)別在于組件本身的寬度和高度需要相同,例如:
circle_button_element.xml:
場景示例
利用圓形按鈕,膠囊按鈕,文本組件可以繪制出如下?lián)芴柋P的UI界面。
圖4 界面效果
源碼示例:
color_light_gray_element.xml:
green_text_element.xml:
green_circle_button_element.xml:
green_capsule_button_element.xml:
分享名稱:創(chuàng)新互聯(lián)鴻蒙OS教程:鴻蒙OSButton
本文URL:http://fisionsoft.com.cn/article/dppjsch.html


咨詢
建站咨詢
