日韩无码专区无码一级三级片|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)銷解決方案
創(chuàng)新互聯(lián)鴻蒙OS教程:鴻蒙OSText

文本(Text)是用來(lái)顯示字符串的組件,在界面上顯示為一塊文本區(qū)域。Text 作為一個(gè)基本組件,有很多擴(kuò)展,常見的有按鈕組件 Button,文本編輯組件 TextField。

使用 Text

  • 創(chuàng)建 Text
  

color_gray_element.xml:

  
  
      
  

圖1 創(chuàng)建一個(gè) Text

  • 設(shè)置背景

常用的背景如常見的文本背景、按鈕背景,可以采用XML格式放置在 graphic 目錄下。

在“Project”窗口,打開“entry > src > main > resources > base”,右鍵點(diǎn)擊“base”文件夾,選擇“New > Directory”,命名為“graphic”。右鍵點(diǎn)擊“graphic”文件夾,選擇“New > File”,命名為“textelement.xml”。

圖2 創(chuàng)建 textelement.xml 文件后的 resources 目錄結(jié)構(gòu)

在 textelement.xml 中定義文本的背景:

  
  
      
      
  

在 first_layout.xml 中引用上面定義的文本背景:

  

  • 設(shè)置字體大小和顏色
  

圖3 設(shè)置字體大小和顏色的效果

  • 設(shè)置字體風(fēng)格和字重
  

圖4 設(shè)置字體風(fēng)格和字重的效果

  • 設(shè)置文本對(duì)齊方式
  

圖5 設(shè)置文本對(duì)齊方式的效果

  • 設(shè)置文本換行和最大顯示行數(shù)
  

圖6 設(shè)置文本換行和最大顯示行數(shù)的效果

自動(dòng)調(diào)節(jié)字體大小

Text對(duì)象支持根據(jù)文本長(zhǎng)度自動(dòng)調(diào)整文本的字體大小和換行。

  1. 設(shè)置自動(dòng)換行、最大顯示行數(shù)和自動(dòng)調(diào)節(jié)字體大小。
   

  1. 通過(guò) setAutoFontSizeRule 設(shè)置自動(dòng)調(diào)整規(guī)則,三個(gè)入?yún)⒎謩e是最小的字體大小、最大的字體大小、每次調(diào)整文本字體大小的步長(zhǎng)。
   // 設(shè)置自動(dòng)調(diào)整規(guī)則
   text.setAutoFontSizeRule(30, 100, 1);
   // 設(shè)置點(diǎn)擊一次增多一個(gè)"T"
   text.setClickedListener(new Component.ClickedListener() {
       @Override
       public void onClick(Component Component) {
           text.setText(text.getText() + "T");
       }
   });

圖7 自動(dòng)調(diào)節(jié)字體大小

跑馬燈效果

當(dāng)文本過(guò)長(zhǎng)時(shí),可以設(shè)置跑馬燈效果,實(shí)現(xiàn)文本滾動(dòng)顯示。前提是文本換行關(guān)閉且最大顯示行數(shù)為1,默認(rèn)情況下即可滿足前提要求。






// 跑馬燈效果
text.setTruncationMode(Text.TruncationMode.AUTO_SCROLLING);
// 啟動(dòng)跑馬燈效果
text.startAutoScrolling();

圖8 跑馬燈效果

場(chǎng)景示例

利用文本組件實(shí)現(xiàn)一個(gè)標(biāo)題欄和詳細(xì)內(nèi)容的界面。

圖9 界面效果

源碼示例:



    
    
    

color_light_gray_element.xml:



    

textelement.xml:



    
    

新聞標(biāo)題:創(chuàng)新互聯(lián)鴻蒙OS教程:鴻蒙OSText
網(wǎng)站鏈接:http://www.5511xx.com/article/dpjpjce.html