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

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網營銷解決方案
DevEcoStudio3.0ETS新語法解讀

想了解更多內容，請訪問：

站在用戶的角度思考問題，與客戶深入溝通，找到西充網站設計與西充網站推廣的解決方案，憑借多年的經驗，讓設計與互聯(lián)網技術結合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網站設計、網站建設、企業(yè)官網、英文網站、手機端網站、網站推廣、空間域名、網站空間、企業(yè)郵箱。業(yè)務覆蓋西充地區(qū)。

和華為官方合作共建的鴻蒙技術社區(qū)

https://harmonyos.

DevEco Studio 3.0

最新版本的 DevEco Studio 3.0發(fā)布了 在鴻蒙里面有一個新的名詞叫ets, 什么是ets呢 可以理解為一門新的語言 它隨之也完善了ts一些功能支持。

開門見山，先貼經驗 :

box({ 樣式屬性||接受變量||不寫 }){ box容器內子元素 }.box需要寫的樣式屬性

先說一下ets的模板創(chuàng)建

第一步

下載 3.0的IDE

下載地址:https://developer.harmonyos.com/cn/develop/deveco-studio#download

安裝時會自動下載對應的 SDK

如果沒有的 可以在setting里搜索SDK

(我也看過這個ets的 sdk包,其實就是自己封裝的一系列ts

例如我的ets api 存放路徑就是 D:\backup\n021823\AppData\Local\OpenHarmony\Sdk\ets\3.0.0.0\component,

如何查找路徑如上圖，有興趣的朋友可以看看 如下圖)：

第二步

文件新建 新的模板 NEW Project。

?拉到下面選擇 最后一個 [standard]Empty Ability 完成創(chuàng)建。

下面大家看看結構和頁面。

page下面的每個 .ets文件都是一個單獨的頁面,它們的語法和java的命令式很相像。

著重看 build函數(shù) page下每個ets都是一個頁面 ,每個頁面都有一個build函數(shù)。

 
 
 
 
    
  
  
  
  
  1. import router from '@system.router'; 
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. async function routePage() { 
    4.   
  
  
  
  4.   let options = { 
    5.   
  
  
  
  5.     uri: 'pages/second' 
    6.   
  
  
  
  6.   } 
    7.   
  
  
  
  7.   try { 
    8.   
  
  
  
  8.     await router.push(options) 
    9.   
  
  
  
  9.   } catch (err) { 
    10.   
  
  
  
  10.     console.error(`fail callback, code: ${err.code}, msg: ${err.msg}`) 
    11.   
  
  
  
  11.   } 
    12.   
  
  
  
  12. } 
    13.   
  
  
  
  13.  
    14.   
  
  
  
  14. @Entry 
    15.   
  
  
  
  15. @Component 
    16.   
  
  
  
  16. struct Index { 
    17.   
  
  
  
  17. =========手動分割線============ 
    18.   
  
  
  
  18.   build() { 
    19.   
  
  
  
  19.     Flex({ direction: FlexDirection.Column, alignItems:  
    20.   
  
  
  
  20. ItemAlign.Center, justifyContent: FlexAlign.Center }) {    
    21.   
  
  
  
  21.  //這里首先是一個大的容器 flex  里面的屬性代表它的布局方式 
    22.   
  
  
  
  22.       Text('Hello World')   
    23.   
  
  
  
  23.         //接下來的text (Hello World) 或者 同級的Button()  都是容器里面的子節(jié)點內容 
    24.   
  
  
  
  24.         .fontSize(50)      //此處為text的字體樣式   
    25.   
  
  
  
  25.         .fontWeight(FontWeight.Bold) 
    26.   
  
  
  
  26.       Button() {  //button 節(jié)點 
    27.   
  
  
  
  27.         Text('next page')   // button里 又包含了一個 text 文本節(jié)點    
    28.   
  
  
  
  28.           .fontSize(25) 
    29.   
  
  
  
  29.           .fontWeight(FontWeight.Bold) 
    30.   
  
  
  
  30.       }.type(ButtonType.Capsule) 
    31.   
  
  
  
  31.       .margin({       // button的css樣式  
    32.   
  
  
  
  32.         top: 20   
    33.   
  
  
  
  33.       }) 
    34.   
  
  
  
  34.       .backgroundColor('#0D9FFB') 
    35.   
  
  
  
  35.       .onClick(() => {    //點擊跳轉事件 
    36.   
  
  
  
  36.         routePage() 
    37.   
  
  
  
  37.       }) 
    38.   
  
  
  
  38.     } 
    39.   
  
  
  
  39.     .width('100%')    // flex層級的css修飾樣式   
    40.   
  
  
  
  40.     .height('100%') 
    41.   
  
  
  
  41.   } 
    42.   
  
  
  
  42. =========手動分割線============ 
    43.   
  
  
  
  43. } 
    44.

他對應的頁面是這樣的。

按照如此的語法結構 結合代碼模塊里的注釋去看 在 一個函數(shù) 寫結構 樣式 js邏輯 是不是顯得非常雜亂,稍微不注意 就寫錯了節(jié)點。

如果我想在容器里面再包一個容器 布局 那就需要套娃 和嵌套回調地獄一樣 從前有座山 山里有座廟,廟里有個和尚講故事 講的故事是 從前有座山~~~~~~~~~~~~

最后總結一下 這個ETS 的語法就是box({ 樣式屬性||接受變量||不寫 }){ box容器內子元素 }.box需要寫的樣式屬性。

按照這種寫法 一般大一點的頁面成百上千的個節(jié)點那不敢想象。

我覺得的把這種寫法對開發(fā)者很不友善，期待迭代改進。

想了解更多內容，請訪問：

和華為官方合作共建的鴻蒙技術社區(qū)

https://harmonyos.


新聞標題：DevEcoStudio3.0ETS新語法解讀
轉載源于：http://m.5511xx.com/article/djjeepo.html