鴻蒙自帶組件效果大全

圖形變換-視效與模糊-通用屬性-ArkTS組件-ArkUI(方舟UI框架)-應用框架 - 華為HarmonyOS開發者

注意:找到需求效果之后先對一下版本?

視距

圖像效果

圖片裁剪

顏色漸變

前景屬性設置

外描邊設置:

視效設置:

組件內容模糊

運動模糊

點擊回彈效果

組件內容填充模式

焦點控制

拖拽控制

懸浮態效果

鼠標光標

多態樣式

彈窗控制POP控制

Tips控制

菜單控制

?

文本通用

全屏模態轉場

半模態轉場

?

動態屬性設置?modifier

基礎手勢:TapGesture 雙擊?LongPressGesture 長按最短時間?PanGesture 上下左右 滑動?PinchGesture 捏合

RotationGesture旋轉??SwipeGesture 滑動較快闕值

手勢控制-

手勢攔截增強

1-嵌套滾動? 當內部組件滑動至頂部或底部時,外部組件能夠接替滑動

行列與堆疊

Flex?

RelativeContainer

arclist

arcswiper

waterflow

refresh? 系統自帶的刷新

導航與切換?

indicator?

Navdestination

.preferredOrientation(window.Orientation.LANDSCAPE) // 橫屏方向

  1. .enableStatusBar(false) // 隱藏狀態欄
  2. .enableNavigationIndicator(false) // 隱藏導航條
  3. .backgroundColor('#ffecb8b8')
  4. .ignoreLayoutSafeArea([LayoutSafeAreaType.SYSTEM], [LayoutSafeAreaEdge.TOP, LayoutSafeAreaEdge.BOTTOM])

Stepper

tabs

Button?

toggle

checkbox

checkboxgroup

calendarpicker

DatePicker

TextPicker

timepicker

radio

rating

?

select

slider

segmentButtonV2

text?

textarea

textinput

RichEditor

富文本

search 同上input類型?

Span?

SymbolSpan

Symbolglyph

RichText

屬性字符串

image

imageanimator 不可見自動停播

badge?

counter?

advanced.Counter

DataPanel

Gauge

loadingprogress

marquee

PatternLock

progress

QRcode

TextClock

TextTimer

Circle

Ellipse

XComponent

菜單 menu

ContextMenu

屬性動畫

顯示動畫

?

關鍵幀動畫

?

路徑動畫

粒子動畫

filter?

?

?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/93802.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/93802.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/93802.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

ISP算法如何優化提升成像質量

ISP算法通過多維度技術協同優化成像質量,核心優化路徑如下:一、降噪與細節增強?AI驅動降噪?深度學習模型實時識別噪點模式,暗光場景信噪比提升5倍以上,同時保留紋理細節。時空域聯合降噪技術抑制運動模糊,鬼影消除率…

單例模式及優化

單例模式是一種創建型設計模式,其核心是確保一個類在程序中只能存在唯一實例,并提供一個全局訪問點。這種模式適用于需要集中管理資源(如日志、配置、連接池)的場景,避免資源沖突和重復創建的開銷。 一、介紹 類型 單例…

Dockerfile優化指南:利用多階段構建將Docker鏡像體積減小90%

更多如果你已經跟隨我們之前的教程,親手將自己的應用裝進了Docker這個“魔法盒子”,那你可能很快就會遇到一個幸福但又尷尬的煩惱:你親手構建的Docker鏡像,竟然像一個塞滿了石頭和棉被的行李箱,臃腫不堪,笨…

英文PDF翻譯成中文怎么做?試試PDF翻譯工具

在全球化快速發展的時代,跨語言交流變得愈發頻繁,無論是學術研究、商務合作還是日常學習,都離不開一個高效、準確的翻譯工具。尤其是對于PDF文件的翻譯需求,更是日益增長。今天,就讓我們一起深入了解幾款在PDF翻譯領域…

macOS使用brew切換Python版本【超詳細圖解】

目錄 一、更新Homebrew倉庫 二、安裝pyenv 三、將pyenv添加到bash_profile文件中 四、使.bash_profile文件的更改生效 五、安裝需要的Python版本 六、設置全局使用的Python版本 七、檢查Python版本是否切換成功 pyenv常用命令 一、更新Homebrew倉庫 brew update 這個…

[矩陣置零]

初始思路分析 這段代碼實現了將矩陣中元素為0的行和列全部置零的功能。主要思路是使用標記數組記錄需要置零的行和列。以下是詳細分析&#xff1a; 1. 初始化階段 int m matrix.size(); int n matrix[0].size(); vector<bool> row(m), col(n);獲取矩陣的行數m和列數n創…

redis-集成prometheus監控(k8s)

一. 簡介&#xff1a; 關于redis的簡介和部署&#xff0c;可以參考單獨的文章redis-sentinel基礎概念及部署-CSDN博客&#xff0c;這里就不細說了。這里只講講如何在k8s中部署export并基于prometheus做redis的指標采集。 二. 實現方式&#xff1a; 首先我們需要先部署exporter…

OVS:ovn為什么默認選擇Geneve作為二層隧道網絡協議?

首先確認 Geneve 是一種封裝協議,可能提供比 VLAN 或 VXLAN 更靈活的擴展能力,這對 OVN 的多租戶場景很重要。可能需要支持更多元數據字段,比如攜帶網絡策略信息,這符合 SDN 集中控制的需求。 性能方面需要考慮封裝效率和硬件支持情況,雖然 Geneve 頭部稍大,但現代網卡的…

grep命令要點、詳解和示例

grep技術要點 1) 工作模型&#xff08;3 件事&#xff09; 輸入&#xff1a;從文件或標準輸入&#xff08;-&#xff09;讀入&#xff0c;一次按“行”處理&#xff08;除非用 -z 改成以 NUL 作為“行”分隔&#xff09;。匹配&#xff1a;把每一行拿去和模式&#xff08;patte…

nVidia Tesla P40使用anaconda本地重編譯pytorch3d成功加載ComfyUI-3D-Pack

背景 自己用的是nVidia Tesla P40&#xff0c;垃圾佬專屬卡 使用下面的由YanWenKun提供的ComfyUI-3D-Pack預安裝環境&#xff0c;但在本地編譯pytorch3d這一步出錯&#xff0c;后面有出錯信息&#xff0c;如果有和我一樣的卡一樣的問題&#xff0c;參看此文的解決方法 老版本…

網絡基礎——協議認識

文章目錄網絡基礎網絡的發展——引出一些概念協議認識初識協議協議分層協議分層的模型再談協議為什么要有TCP/IP協議TCP/IP協議的宏觀認識宏觀理解TCP/IP協議和操作系統的關系協議的真正本質網絡基礎 本篇文章&#xff0c;我們將正式進入網絡部分的學習。這是網絡部分的第一篇…

云原生俱樂部-RH134知識點總結(2)

這一章的內容也會比較多&#xff0c;因為預期三篇文章更完RH134系列&#xff0c;所以每章安排的內容都比較多&#xff0c;并且RH134上面的都是重點&#xff0c;一點也不好寫。昨天一天將RH124系列寫完了&#xff0c;今天爭取將RH134系列寫完。至于我為什么要著急將這些寫完&…

深度學習-計算機視覺-微調 Fine-tune

1. 遷移學習遷移學習&#xff08;transfer learning&#xff09;是一種機器學習方法&#xff0c;通過將源數據集&#xff08;如ImageNet&#xff09;上訓練得到的模型知識遷移到目標數據集&#xff08;如特定場景的椅子識別任務&#xff09;。這種方法的核心在于利用預訓練模型…

STL庫——string(類函數學習)

? ? ? ? ? づ?ど &#x1f389; 歡迎點贊支持&#x1f389; 個人主頁&#xff1a;勵志不掉頭發的內向程序員&#xff1b; 專欄主頁&#xff1a;C語言&#xff1b; 文章目錄 前言 一、STL簡介 二、string類的優點 三、標準庫中的string類 四、string的成員函數 4.1、構造…

登上Nature!清華大學光學神經網絡研究突破

2025深度學習發論文&模型漲點之——光學神經網絡光學神經網絡的基本原理是利用光的傳播、干涉、衍射等特性來實現神經網絡中的信息處理和計算。在傳統神經網絡中&#xff0c;信息以電信號的形式在電子元件之間傳輸和處理&#xff0c;而在光學神經網絡中&#xff0c;信息則以…

【java】對word文件設置只讀權限

文件流輸出時 template.getXWPFDocument().enforceCommentsProtection(); 文件輸出時 //打開己創建的word文檔 XWPFDocument document new XWPFDocument(new FileInputStream("output.docx")); //設置文檔為只讀 document.enforceReadonlyProtection(); //保存文…

Zookeeper 在 Kafka 中扮演了什么角色?

在 Apache Kafka 的早期架構中&#xff0c;ZooKeeper 扮演了分布式協調服務角色&#xff0c;負責管理和協調整個 Kafka 集群。 盡管新版本的 Kafka 正在逐步移除對 ZooKeeper 的依賴&#xff0c;但在許多現有和較早的系統中&#xff0c;了解 ZooKeeper 的作用仍然非常重要。 Zo…

什么叫做 “可迭代的產品矩陣”?如何落地??

“可迭代的產品矩陣” 不是靜態的產品組合&#xff0c;而是圍繞用戶需求與商業目標構建的動態生態。它以核心產品為根基&#xff0c;通過多維度延伸形成產品網絡&#xff0c;同時具備根據市場反饋持續優化的彈性&#xff0c;讓產品體系既能覆蓋用戶全生命周期需求&#xff0c;又…

Nginx代理配置詳解:正向代理與反向代理完全指南

系列文章索引&#xff1a; 第一篇&#xff1a;《Nginx入門與安裝詳解&#xff1a;從零開始搭建高性能Web服務器》第二篇&#xff1a;《Nginx基礎配置詳解&#xff1a;nginx.conf核心配置與虛擬主機實戰》第三篇&#xff1a;《Nginx代理配置詳解&#xff1a;正向代理與反向代理…

Vue3 Element-plus 封裝Select下拉復選框選擇器

廢話不多說&#xff0c;樣式如下&#xff0c;代碼如下&#xff0c;需要自取<template><el-selectv-model"selectValue"class"checkbox-select"multiple:placeholder"placeholder":style"{ width: width }"change"change…