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

圖1 文本按鈕
圖2 圖標按鈕
圖3 圖標和文本共同組成的按鈕
創(chuàng)建Button
使用 Button 組件,可以生成形狀、顏色豐富的按鈕。
button_element.xml:
響應點擊事件
按鈕的重要作用是當用戶單擊按鈕時,會執(zhí)行相應的操作或者界面出現(xiàn)相應的變化。實際上用戶點擊按鈕時,Button 對象將收到一個點擊事件。 開發(fā)者可以自定義響應點擊事件的方法。例如,通過創(chuàng)建一個 Component.ClickedListener 對象,然后通過調用 setClickedListener 將其分配給按鈕。
//從定義的xml中獲取Button對象
Button button = (Button) rootLayout.findComponentById(ResourceTable.Id_button_sample);
// 為按鈕設置點擊事件回調
button.setClickedListener(new Component.ClickedListener() {
public void onClick(Component v) {
// 此處添加點擊按鈕后的事件處理邏輯
}
});
不同類型的按鈕
按照按鈕的形狀,按鈕可以分為:普通按鈕,橢圓按鈕,膠囊按鈕,圓形按鈕等。
- 普通按鈕
普通按鈕和其他按鈕的區(qū)別在于不需要設置任何形狀,只設置文本和背景顏色即可,例如:
color_blue_element.xml:
- 橢圓按鈕
橢圓按鈕是通過設置 background_element 的來實現(xiàn)的,background_element 的shape 設置為橢圓(oval),例如:
oval_button_element.xml:
- 膠囊按鈕
膠囊按鈕是一種常見的按鈕,設置按鈕背景時將背景設置為矩形形狀,并且設置 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:
網(wǎng)站名稱:創(chuàng)新互聯(lián)鴻蒙OS教程:鴻蒙OSButton
當前路徑:http://www.dlmjj.cn/article/dppjsch.html


咨詢
建站咨詢
