色哟哟视频在线观看-色哟哟视频在线-色哟哟欧美15最新在线-色哟哟免费在线观看-国产l精品国产亚洲区在线观看-国产l精品国产亚洲区久久

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

動態(tài)模板-流程設計

汽車電子技術 ? 來源:程序猿搬磚 ? 作者:壞人 ? 2023-03-03 10:05 ? 次閱讀

動態(tài)綁定XML的邏輯已經完成了,接下來就是拆分整合各模塊,實現渲染流程的每一個環(huán)節(jié)。

具體的渲染邏輯如下:

圖片

「由于antlr編譯支持庫很大,所以這里設計了一個中間語言IR,以減小在Native上的引擎大小。」

原始測試XML如下:

<View flexDirection="row" width="300" height="auto"
    maxHeight="1000"
    left="20"
    top="50"
    justify="spaceAround"
    alignItems="stretch"
    paddingTop="10"
    paddingBottom="20"
    paddingLeft="15"
    paddingRight="15"
    backgroundColor="#FFCDB2">
    <View flex="2" height="auto" justify="center" alignItems="center" backgroundColor="#B5838D">
        <View width="{{ 50 / 2 + 10 }}"
            height="{{ 59 + 2.5 *2 -3 }}"
            backgroundColor="#6D6875"
            borderColor="#e63946"
            borderWidth="2"
            shadowColor="#d00000"
            shadowRadius="15"
            shadowOpacity="0.5"
            >class="hljs-name"View>
    class="hljs-name"View>
    <View flex="2" height="200" backgroundColor="#90B36D" justify="start" alignItems="center">
        <Label text="for測試: {{item[name]}} - {{ item[age] }}" fontSize="20" color="#ffd23f" for="{{ for item in items }}">class="hljs-name"Label>
        <Label text="測試標題2測試標題2測試標題2"
            fontSize="20"
            color="#ef233c"
            marginTop="10"
            lineNumber="3"
            backgroundColor="#00ff00">class="hljs-name"Label>
    class="hljs-name"View>
class="hljs-name"View>

通過模板編輯器(目前只實現了功能,沒有實際意義上的編輯器工具)將表達式部分編譯成IR,代碼如下:

<View flexDirection="row" width="300" height="auto" maxHeight="1000" left="20" top="50" justify="spaceAround" alignItems="stretch" paddingTop="10" paddingBottom="20" paddingLeft="15" paddingRight="15" backgroundColor="#FFCDB2">
    <View flex="1" height="auto" justify="center" alignItems="center" backgroundColor="#B5838D">
        <View width="{{W3siTGVmdCI6IHsiTGVmdCI6IHsiU3ViVHlwZSI6ICJJbnQiLCAiVHlwZSI6ICJQcmltYXJ5IiwgIlZhbHVlIjogIjUwIn0sICJPUCI6ICIvIiwgIlJpZ2h0IjogeyJTdWJUeXBlIjogIkludCIsICJUeXBlIjogIlByaW1hcnkiLCAiVmFsdWUiOiAiMiJ9LCAiVHlwZSI6ICJCaW5hcnkifSwgIk9QIjogIisiLCAiUmlnaHQiOiB7IlN1YlR5cGUiOiAiSW50IiwgIlR5cGUiOiAiUHJpbWFyeSIsICJWYWx1ZSI6ICIxMCJ9LCAiVHlwZSI6ICJCaW5hcnkifV0=}}" height="{{W3siTGVmdCI6IHsiTGVmdCI6IHsiU3ViVHlwZSI6ICJJbnQiLCAiVHlwZSI6ICJQcmltYXJ5IiwgIlZhbHVlIjogIjU5In0sICJPUCI6ICIrIiwgIlJpZ2h0IjogeyJMZWZ0IjogeyJTdWJUeXBlIjogIkRvdWJsZSIsICJUeXBlIjogIlByaW1hcnkiLCAiVmFsdWUiOiAiMi41In0sICJPUCI6ICIqIiwgIlJpZ2h0IjogeyJTdWJUeXBlIjogIkludCIsICJUeXBlIjogIlByaW1hcnkiLCAiVmFsdWUiOiAiMiJ9LCAiVHlwZSI6ICJCaW5hcnkifSwgIlR5cGUiOiAiQmluYXJ5In0sICJPUCI6ICItIiwgIlJpZ2h0IjogeyJTdWJUeXBlIjogIkludCIsICJUeXBlIjogIlByaW1hcnkiLCAiVmFsdWUiOiAiMyJ9LCAiVHlwZSI6ICJCaW5hcnkifV0=}}" backgroundColor="#6D6875" borderColor="#e63946" borderWidth="2" shadowColor="#d00000" shadowRadius="15" shadowOpacity="0.5"/>
    class="hljs-name"View>
    <View flex="2" height="200" backgroundColor="#90B36D" justify="start" alignItems="center">
        <Label text="for測試: {{W3siS2V5IjogIm5hbWUiLCAiTm9kZSI6IHsiU3ViVHlwZSI6ICJJRCIsICJUeXBlIjogIlByaW1hcnkiLCAiVmFsdWUiOiAiaXRlbSJ9LCAiVHlwZSI6ICJFdmFsIn1d}} - {{W3siS2V5IjogImFnZSIsICJOb2RlIjogeyJTdWJUeXBlIjogIklEIiwgIlR5cGUiOiAiUHJpbWFyeSIsICJWYWx1ZSI6ICJpdGVtIn0sICJUeXBlIjogIkV2YWwifV0=}}" fontSize="20" color="#ffd23f" for="{{eyJBcnJheU5hbWUiOiAiaXRlbXMiLCAiSXRlbUtleSI6ICJpdGVtIiwgIlR5cGUiOiAiRm9yIn0=}}"/>
        <Label text="測試標題2測試標題2測試標題2" fontSize="20" color="#ef233c" marginTop="10" lineNumber="3" backgroundColor="#00ff00"/>
    class="hljs-name"View>
class="hljs-name"View>

生成如上代碼,就可以交給引擎去渲染了,下面是項目整體的架構設計:

圖片

目前Demo(iOS端)部分的調研效果已經有了,帖一下上面IR XML渲染效果,如下:

圖片

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規(guī)問題,請聯系本站處理。 舉報投訴
  • XML
    XML
    +關注

    關注

    0

    文章

    188

    瀏覽量

    33104
  • 動態(tài)
    +關注

    關注

    0

    文章

    70

    瀏覽量

    20668
  • 渲染
    +關注

    關注

    0

    文章

    70

    瀏覽量

    10932
收藏 人收藏

    評論

    相關推薦

    什么是模板匹配?模板匹配的原理講解 圖像處理與模板匹配算法

    一:什么是模板匹配? 在OpenCV教程中這樣解釋模板匹配: 模板匹配是一項在一幅圖像中尋找與另一幅模板圖像最匹配(相似)部分的技術. 這里說的模板
    的頭像 發(fā)表于 05-05 09:25 ?3.4w次閱讀
    什么是<b class='flag-5'>模板</b>匹配?<b class='flag-5'>模板</b>匹配的原理講解 圖像處理與<b class='flag-5'>模板</b>匹配算法

    基于指紋模板的考勤系統設計

    上傳完畢所有考勤記錄;如果保存錯誤,轉到(1)重新執(zhí)行。(4),(5),(6)步中重新執(zhí)行(1)最多三次,三次以上就認為上傳考勤記錄失敗。  圖3 上傳考勤記錄流程圖  3.3 上傳指紋模板  為了備份員工
    發(fā)表于 11-13 16:14

    模塊化編程&工程模板設計

    ???九層妖塔?起于壘土【藍橋杯】—{模板Template}—{Part1:模塊化編程&工程模板}一、流程圖二、基礎知識1、編譯預處理2、變量的定義和說明3、`extern`三、操作流程
    發(fā)表于 11-30 07:18

    ppt課件模板下載

    Zzone 精美PPT模板,一共有六十套,非常的經典。還有動態(tài)的哦。
    發(fā)表于 12-03 19:02 ?0次下載
    ppt課件<b class='flag-5'>模板</b>下載

    動態(tài)ppt課件模板

    動態(tài)的ppt課件模板,帶動畫的細紋設計課件模版, 動態(tài)魔方課件模版
    發(fā)表于 12-03 19:10 ?0次下載
    <b class='flag-5'>動態(tài)</b>ppt課件<b class='flag-5'>模板</b>

    基于模板匹配的圖像跟蹤技術

    為了解決傳統模板匹配方法跟蹤圖像時遇到的問題,提出了在跟蹤過程中采用變模板匹配的方法。該方法較好地解決了傳統方法的局限性,通過實驗比較了使用模板匹配和變模板
    發(fā)表于 12-20 17:01 ?0次下載

    PROTEL圖紙模板怎么設計問題

    PROTEL圖紙模板怎么設計問題 protel提供的模板在實際使用中很不符合實際情況.許多人的圖紙標題欄亂七八糟.可以在protel種設計一個圖紙模板.以后進行設置
    發(fā)表于 12-25 14:27 ?3400次閱讀

    arl模板基本編寫方法

    arl模板基本編寫方法 arl模板的基本編寫方法其實arl模板很容易寫,只要明白d表的內容就可以,也可以照350自帶的arl修改,復制粘貼很快就可以搞定.主要
    發(fā)表于 04-29 08:56 ?1148次閱讀

    LuminaryEvalBoard仿真工程模板

    LuminaryEvalBoard仿真工程模板
    發(fā)表于 05-20 16:08 ?14次下載

    單片機C語言編程模板(基礎模板)資料分享

    單片機C語言編程模板(基礎模板)資料分享
    發(fā)表于 04-13 09:56 ?38次下載

    SMT加工模板印刷的基本操作流程

    SMT加工模板印刷作為最基本的SMT貼片加工廠焊膏印刷方式,盡管現代印刷設備有多種,但其印刷基本過程一樣。下面要求來了解一下它的基本操作流程
    的頭像 發(fā)表于 01-10 11:36 ?6125次閱讀

    項目流程圖怎么畫?項目流程圖經典免 費模板分享

    Linux系統平臺)且具有億圖在線版支持在瀏覽器網頁直接使用,多平臺支持使用滿足用戶不同的使用需求。軟件內置260多種繪圖類型,3000+模板素材,豐富多樣的繪制素材幫助辦公人士快速繪制:項目流程圖、思維導
    的頭像 發(fā)表于 07-28 11:58 ?3308次閱讀

    動態(tài)模板語義分析-動態(tài)綁定XML

    DynamicDSL將遵循以下的交互展示邏輯: 描述文件(XML,Widget) --->(綁定數據)--->渲染模板--->渲染--->事件驅動--->數據改變 這樣循環(huán)下來的,最終我們看到的就是App上的界面與交互效果了。
    的頭像 發(fā)表于 03-03 10:06 ?668次閱讀
    <b class='flag-5'>動態(tài)</b><b class='flag-5'>模板</b>語義分析-<b class='flag-5'>動態(tài)</b>綁定XML

    隔離設計流程+動態(tài)函數交換示例

    電子發(fā)燒友網站提供《隔離設計流程+動態(tài)函數交換示例.pdf》資料免費下載
    發(fā)表于 09-14 09:31 ?0次下載
    隔離設計<b class='flag-5'>流程</b>+<b class='flag-5'>動態(tài)</b>函數交換示例

    如何通過模板模式重構代碼

    法的某些特定步驟。 說人話:父類模板方法定義不變的流程,子類重寫流程中的方法。 2、模板模式定義 ①、AbstractClass 抽象
    的頭像 發(fā)表于 10-08 16:15 ?468次閱讀
    如何通過<b class='flag-5'>模板</b>模式重構代碼
    主站蜘蛛池模板: 一区二区三区无码高清视频| 扒开 浓密 毛| 亚洲国产成人久久一区www妖精 | AV多人爱爱XXx| chinese情侣自拍啪hd| 成人精品视频在线观看| 国产成人国产在线观看入口| 国产嫩草在线观看| 精品第一国产综合精品蜜芽| 久久一级片| 欧美性xxx极品| 丝袜美女自摸| 亚洲一卡二卡三卡四卡无卡麻豆| 一本道mw高清码二区三区 | 免费人成在线观看网站视频| 欧美性最猛xxxx在线观看视频| 色狗综合网| 亚洲欧美一区二区成人片| 1234成人网| 第一福利在线永久视频| 国产亚洲精品A久久777777| 久久久96人妻无码精品蜜桃| 免费在线观看a视频| 深夜草逼逼| 一本道亚洲区免费观看| 99视频福利| 国产人妻人伦精品59HHH| 久久午夜夜伦鲁鲁片无码免费| 翘臀后进美女白嫩屁股视频| 婷婷四房播客五月天| 艳照门在线播放| 苍井空教师BD在线观看全集| 国产香蕉视频| 男人私gay挠脚心vk视频| 污漫日本E同人| 中国人泡妞xxxxxxxx19| 成在线人免费视频| 久 久 亚洲 少 妇 无 码| 人与畜禽CROPROATION免费| 亚洲mv在线观看| gogo亚洲肉体艺术照片9090|