日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
創(chuàng)新互聯(lián)鴻蒙OS教程:鴻蒙OSButton

鴻蒙OS Button

按鈕(Button)是一種常見(jiàn)的組件,點(diǎn)擊可以觸發(fā)對(duì)應(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í),會(huì)執(zhí)行相應(yīng)的操作或者界面出現(xiàn)相應(yīng)的變化。實(shí)際上用戶點(diǎn)擊按鈕時(shí),Button 對(duì)象將收到一個(gè)點(diǎn)擊事件。 開(kāi)發(fā)者可以自定義響應(yīng)點(diǎn)擊事件的方法。例如,通過(guò)創(chuàng)建一個(gè) Component.ClickedListener 對(duì)象,然后通過(guò)調(diào)用 setClickedListener 將其分配給按鈕。

//從定義的xml中獲取Button對(duì)象
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:

  
  
    
  

  • 橢圓按鈕

橢圓按鈕是通過(guò)設(shè)置 background_element 的來(lái)實(shí)現(xiàn)的,background_element 的shape 設(shè)置為橢圓(oval),例如:

  

oval_button_element.xml:

  
  
    
  

  • 膠囊按鈕

膠囊按鈕是一種常見(jiàn)的按鈕,設(shè)置按鈕背景時(shí)將背景設(shè)置為矩形形狀,并且設(shè)置 ShapeElement 的 radius 的半徑,例如:

  

capsule_button_element.xml:

  
  
    
    
  

  • 圓形按鈕

圓形按鈕和橢圓按鈕的區(qū)別在于組件本身的寬度和高度需要相同,例如:

  

circle_button_element.xml:

  
  
    
  

場(chǎng)景示例

利用圓形按鈕,膠囊按鈕,文本組件可以繪制出如下?lián)芴?hào)盤(pán)的UI界面。

圖4 界面效果

源碼示例:



    
    
        

color_light_gray_element.xml:



    

green_text_element.xml:



    
    
    

green_circle_button_element.xml:



    
    

green_capsule_button_element.xml:



    
    

分享標(biāo)題:創(chuàng)新互聯(lián)鴻蒙OS教程:鴻蒙OSButton
文章分享:http://m.5511xx.com/article/dppjsch.html