在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

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

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

3天內不再提示

HarmonyOS應用開發—popup氣泡指示組件練習

鴻蒙時代 ? 來源:鴻蒙時代 ? 作者:鴻蒙時代 ? 2022-04-02 10:49 ? 次閱讀

效果展示:

pYYBAGJHuMWAGMtOAACqQFk9g3s481.png

說明:
該組件從API version 4開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。

氣泡指示。在點擊綁定的控件后會彈出相應的氣泡提示來引導用戶進行操作。

屬性:

pYYBAGJHuQ2ABWpWAACvVWPmzWY075.png


事件:

pYYBAGJHuSyAJS5sAAAaWLBe1K0781.png

方法:

pYYBAGJHuT-AHqOcAAAWl7K7TrM226.png

說明:
1.popup氣泡彈窗屬性、樣式均不支持動態更新。
2.popup氣泡彈窗的margin樣式是相對于target元素進行生效的,如popup在target元素下方,此時只生效margin-top樣式,popup在target元素左上方,此時只生效margin-bottom和margin-right樣式。
3.popup的border四邊樣式需一致,若四邊設置不一致且圓角為零,則按左、上、右、下的順序取第一個被設置的樣式,否則border不生效。
4.popup的target組件的click事件不生效。


代碼示例:


Click to show the pop-upText content of the pop-upClick to show the pop-up
/* xxx.css */
.container {
    flex-direction: column;
    align-items: center;
    padding-top: 200px;
}
.popup {
    mask-color: gray;
}
.text {
    color: white;
}
.button {
    width: 220px;
    height: 70px;
    margin-top: 50px;
}
// xxx.js
import prompt from '@system.prompt'
export default {
    visibilitychange(e) {
        prompt.showToast({
            message: 'visibility change visibility: ' + e.visibility,
            duration: 3000,
        });
    },
    showpopup() {
        this.$element("popup").show();
    },
    hidepopup() {
        this.$element("popup").hide();
    },
}

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

    關注

    0

    文章

    5

    瀏覽量

    1389
  • HarmonyOS
    +關注

    關注

    80

    文章

    2057

    瀏覽量

    32221
收藏 人收藏

    評論

    相關推薦
    熱點推薦

    HarmonyOS開發案例:【常用組件與布局】

    HarmonyOS ArkUI提供了豐富多樣的UI組件,您可以使用這些組件輕松地編寫出更加豐富、漂亮的界面。
    的頭像 發表于 05-09 18:20 ?1678次閱讀
    <b class='flag-5'>HarmonyOS</b><b class='flag-5'>開發</b>案例:【常用<b class='flag-5'>組件</b>與布局】

    鴻蒙ArkTS聲明式開發:跨平臺支持列表【Popup控制】 通用屬性

    組件綁定popup彈窗,并設置彈窗內容,交互邏輯和顯示狀態。
    的頭像 發表于 06-05 14:36 ?1631次閱讀
    鴻蒙ArkTS聲明式<b class='flag-5'>開發</b>:跨平臺支持列表【<b class='flag-5'>Popup</b>控制】 通用屬性

    HarmonyOS組件開發指南

    HarmonyOS軟件以組件(bundel)作為基本單元,從系統角度看,凡是運行在HarmonyOS上的軟件都可以定義為組件;一般來講,根據組件
    發表于 09-18 17:14

    鴻蒙應用開發JS-Popup氣泡提示體驗

    `Popup氣泡指示。在點擊綁定的控件后會彈出相應的氣泡提示來引導用戶進行操作,下面通過案例來演示效果。顯示效果: 點擊“popup” H
    發表于 04-18 11:12

    HarmonyOS應用開發-三方UI線程圖組件練習

    HarmonyOS已陸續推出1000+組件,包含UI、動畫圖形、框架、安全、工具、網絡、文件數據、多媒體、圖片緩存和基礎功能,具有多設備形態可用、多端部署、性能優化三大特點。使用組件可以快速進行項目
    發表于 10-23 11:13

    HarmonyOS組件更新,新增700+開源組件

    組件是對數據和方法的簡單封裝,通過使用現成的組件讓應用開發更加簡單高效。自HarmonyOS組件開源以來,經兩次上線,已開源了700+的Ja
    發表于 11-18 11:17

    HarmonyOS應用開發資料(Svg組件

    1、HarmonyOS應用開發-Svg組件circle  該組件從API version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。2、
    發表于 03-17 14:49

    組件資料】HarmonyOS三方件開發指南

    1、HarmonyOS三方件開發指南——LoadingView組件1.LoadingView組件功能介紹1.1.功能介紹:LoadingView組件
    發表于 03-21 11:18

    HarmonyOS應用開發-popup氣泡指示組件練習

    效果展示: 說明:該組件從API version 4開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。氣泡指示。在點擊綁定的控件后會彈出相應的氣泡提示來引導用戶進行
    發表于 04-02 11:09

    HarmonyOS popup氣泡指示組件的操作方法

    效果展示:說明:該組件從API version 4開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。氣泡指示。在點擊綁定的控件后會彈出相應的氣泡提示來引導用戶進行操
    發表于 04-02 11:31

    如何實現HarmonyOS Java端的氣泡聊天框?

      HarmonyOSJava端的氣泡聊天框怎么實現?android上有9圖可實現?鴻蒙上有什么類似的方案沒?
    發表于 06-13 09:59

    HarmonyOS鴻蒙原生應用開發設計- 服務組件

    HarmonyOS設計文檔中,為大家提供了一些已經設計好的原生服務組件庫,開發者可以根據需要直接引用。 開發者直接使用官方提供的服務組件庫樣
    發表于 10-24 16:12

    華為開發HarmonyOS零基礎入門:UI組件設計開發實踐

    華為開發HarmonyOS零基礎入門:UI組件設計開發實踐之圖庫應用介紹,應用數據加載顯示模型圖片加載渲染功能快速在其他應用上。
    的頭像 發表于 10-23 10:58 ?1881次閱讀
    華為<b class='flag-5'>開發</b>者<b class='flag-5'>HarmonyOS</b>零基礎入門:UI<b class='flag-5'>組件</b>設計<b class='flag-5'>開發</b>實踐

    用于openharmony的氣泡組件

    用于openharmony的氣泡組件,具有自定義筆劃寬度和顏色、箭頭大小、位置和方向。BubbleLayout 擴展了 StackLayout。 屬性 您可以設置幾個屬性:
    發表于 03-22 09:55 ?2次下載
    用于openharmony的<b class='flag-5'>氣泡</b><b class='flag-5'>組件</b>

    OHOS中實現各個方向的氣泡彈窗案例

    項目介紹 實現各個方向的氣泡彈窗,可控制氣泡尖角偏移量 安裝教程 在entry的build.gradle中添加依賴 依賴項 { ... 實施 ‘com.gitee.archermind-ti:bubble-popup-windo
    發表于 03-25 13:44 ?2次下載
    主站蜘蛛池模板: 天天干夜夜叭 | 看片地址| 久久久噜噜噜久久 | 久久精品大全 | 人人草人 | 亚洲免费视频网址 | 99精品久久久久久久婷婷 | 男人j进女人j免费视频视频 | 亚洲午夜久久久久久91 | 久久精品国产亚洲综合色 | 伊人久久大杳蕉综合大象 | 天天做夜夜爱 | 免费观看视频在线观看 | 扛着高跟鞋丝袜腿呻吟视频 | 人人免费人人专区 | 成在线人永久免费播放视频 | 狠狠色婷婷丁香综合久久韩国 | 草草影院www色极品欧美 | 亚欧成人乱码一区二区 | 在线成人免费观看国产精品 | 精品三级三级三级三级三级 | 激情.com | 1024国产看片在线观看 | 伊人网综合在线视频 | 欧美日韩一日韩一线不卡 | 国产激烈无遮挡免费床戏视频 | 成人黄色免费看 | 特黄特级高清免费视频毛片 | 男女透逼视频 | 香蕉视频国产在线观看 | 特黄特色三级在线播放 | 欧美性色xo影院69 | 亚洲乱码尤物193yw在线播放 | 免费aa| 国内激情自拍 | 天天色天天摸 | 天堂网www中文天堂在线 | 欧美亚洲专区 | 亚洲成人7777| 亚洲成a人片毛片在线 | 综合aⅴ|