【每日學點鴻蒙知識】grid里面的item支持拖動問題、WebView回調問題、獲取頁面名稱、彈幕效果實現、修改App輸出路徑 |

1、HarmonyOS grid里面的item支持拖動問題?

想要grid里面的item支持拖動,拖出來后可以刪除,下面的代碼就是你們上次給我提供的,正常情況下是可以使用的但是,往下拖的過程中遇到了TextInput后,gridItem的onDragMove就不會走了,我給TextInput設置了draggable(false)后無法解決

import { media } from '@kit.MediaKit';
import { BusinessError } from '@kit.BasicServicesKit';import util from '@ohos.util';
import { curves } from '@kit.ArkUI';@Entry
@Component
struct Index {@State numbers: number[] = []@State isTextInputVisible: boolean = true@State isGridItemVisible: Visibility = Visibility.Visiblescroller: Scroller = new Scroller()@State enableScroll: boolean = true@State scaleItem: number = -1@State dragItem: number = -1@State offsetX: number = 0@State offsetY: number = 0@State currentY: number = 0private dragRefOffsetx: number = 0private dragRefOffsety: number = 0private FIX_VP_X: number = 108private FIX_VP_Y: number = 120aboutToAppear() {for (let i = 1; i <= 11; i++) {this.numbers.push(i)}}//向左滑left(index: number): void {this.offsetX += this.FIX_VP_Xthis.dragRefOffsetx -= this.FIX_VP_Xthis.itemMove(index, index - 1)}//向右滑right(index: number): void {this.offsetX -= this.FIX_VP_Xthis.dragRefOffsetx += this.FIX_VP_Xthis.itemMove(index, index + 1)}itemMove(index: number, newIndex: number): void {console.info('index:' + index + ' newIndex:' + newIndex)let tmp = this.numbers.splice(index, 1)this.numbers.splice(newIndex, 0, tmp[0])}build() {Column({ space: 5 }) {Grid(this.scroller) {ForEach(this.numbers, (item: number) => {GridItem() {Text(item + '').fontSize(16).width('100%').textAlign(TextAlign.Center).height(100).borderRadius(10).backgroundColor(0xFFFFFF).animation({ curve: Curve.Sharp, duration: 300 })}.visibility(this.dragItem == item ? Visibility.Hidden : Visibility.Visible) // 根據被拖動的item來設置visibility.width(100).height(100).padding(5).zIndex(this.dragItem == item ? 1 : 0).scale({ x: this.scaleItem == item ? 1.05 : 1, y: this.scaleItem == item ? 1.05 : 1 }).translate(this.dragItem == item ? { x: this.offsetX, y: this.offsetY } : { x: 0, y: 0 }).onDragStart((event: DragEvent, extraParams?: string) => {animateTo({ curve: Curve.Friction, duration: 300 }, () => {this.scaleItem = item})this.dragItem = itemthis.dragRefOffsetx = event.getWindowX()this.dragRefOffsety = event.getWindowY()}).onDrop((event: DragEvent, extraParams?: string) => {}).onDragMove((event: DragEvent, extraParams?: string) => {this.enableScroll = falseconsole.log('onDragMove GridItem getWindowX', event.getWindowX())console.log('onDragMove GridItem getWindowY', event.getWindowY())this.offsetX = event.getWindowX() - this.dragRefOffsetxthis.offsetY = event.getWindowY() - this.dragRefOffsetythis.currentY = event.getWindowY()console.log('onDragMove GridItem offsetX', this.currentY)animateTo({ curve: curves.interpolatingSpring(0, 1, 400, 38) }, () => {let index = this.numbers.indexOf(this.dragItem)console.log('index', index)if (this.offsetX >= this.FIX_VP_X / 2 && this.offsetY < this.FIX_VP_Y) {this.right(index)} else if (this.offsetX <= -this.FIX_VP_X / 2 && this.offsetY < this.FIX_VP_Y) {this.left(index)}})this.isGridItemVisible = Visibility.Hidden}).onDragEnd(() => {this.enableScroll = truethis.isTextInputVisible = truethis.isGridItemVisible = Visibility.VisibleanimateTo({ curve: curves.interpolatingSpring(0, 1, 400, 38) }, () => {this.dragItem = -1this.scaleItem = -1})})}, (item: number) => item.toString())}.padding({ left: 20, right: 20 }).width('100%').height('120').scrollBar(BarState.Off).rowsTemplate('1fr').columnsGap(5).editMode(true).edgeEffect(EdgeEffect.Spring).backgroundColor('#0D182431').enabled(this.enableScroll)// Modified TextInput to ignore drag eventsTextInput({placeholder: '添加標題'}).width('100%').height(200)// .visibility(this.isTextInputVisible ? Visibility.Visible : Visibility.Hidden)// .onDragMove(() => {// // 隱藏TextInput// this.isTextInputVisible = false// })Text('刪除').width('100%').height(50).backgroundColor(Color.Red).position({ bottom: 0 }).visibility(this.currentY > 580 ? Visibility.Visible : Visibility.Hidden).hitTestBehavior(HitTestMode.None)}.width('100%').height('100%').margin({ top: 5 }).backgroundColor('#0D182431')}
}
2、HarmonyOS Webview的onErrorReceive里回調的錯誤碼,和文檔里對不上?

Webview的onErrorReceive里回調的錯誤碼,和文檔里對不上:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/errorcode-webview-V5
有的返回-2,有的返回-106,有的-302。

參考以下文檔:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-neterrorlist-V5

3、HarmonyOS 如何通過context: common.Context獲取頁面的名稱和唯一性?
  • 在當前頁面可以使用router.getstat來獲取頁面名稱:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-router-V5
  • 使用getStringValue獲取標識:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-resource-manager-V5
4、HarmonyOS 咨詢文本動效、點擊從某個位置顯示Text并向上Y移動一定距離后自動隱藏;并在連續快速點擊時,多個Text顯示并根據點擊的間隔時間,依次向上位置一段距離并隱藏,實現類似彈幕效果?

Text組件文本動效、點擊從某個位置顯示Text并向上Y移動一定距離后自動隱藏;并在連續快速點擊時,多個Text顯示并根據點擊的間隔時間,依次向上位置一段距離并隱藏,實現類似彈幕效果。

參考下面的方法:

  1. 創建Image組件點擊時文本出現
  2. 文本用@buildPrams,每點擊一次出現文字
  3. 文本特效可以借助transition實現
5、構建app或者hap時,時如何修改輸出路徑和名稱?
  • 包名稱可以參考文檔:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-customized-multi-targets-and-products-guides-V5#section329173315468
  • ohos.buildDir可配置產物存放路徑,參考文檔:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-hvigor-set-options-V5

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

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

相關文章

SDK 指南

在前端開發中&#xff0c;SDK&#xff08;Software Development Kit&#xff0c;軟件開發工具包&#xff09;是一個用于幫助開發者在特定平臺、框架或技術棧中實現某些功能的工具集。 1. SDK 是什么&#xff1f; SDK 是一種開發工具包&#xff0c;它提供了開發人員實現某些功…

Unity3d UGUI如何優雅的實現Web框架(Vue/Rect)類似數據綁定功能(含源碼)

前言 Unity3d的UGUI系統與Web前端開發中常見的數據綁定和屬性綁定機制有所不同。UGUI是一個相對簡單和基礎的UI系統&#xff0c;并不內置像Web前端&#xff08;例如 Vue.js或React中&#xff09;那樣的雙向數據綁定或自動更新UI的機制。UGUI是一種比較傳統的 UI 系統&#xff…

OptimisticLock

想象你和你的朋友去了一家很受歡迎的餐廳。你們想要點一份特別的菜品——這家餐廳的招牌菜&#xff0c;但因為這道菜非常受歡迎&#xff0c;所以它的狀態可能會隨時變化&#xff08;比如售罄或重新上架&#xff09;。 傳統方式&#xff08;悲觀鎖&#xff09; 通常情況下&…

10分鐘掌握項目管理核心工具:WBS、甘特圖、關鍵路徑法全解析

一、引言 在項目管理的廣闊天地里&#xff0c;猶如一場精心編排的交響樂演奏&#xff0c;每個樂器、每個音符都需精準配合才能奏響美妙樂章。而 WBS&#xff08;工作分解結構&#xff09;、甘特圖、關鍵路徑法無疑是這場交響樂中的關鍵樂章&#xff0c;它們從不同維度為項目管…

TCP 和 UDP 的區別:解析網絡傳輸協議

引言 在計算機網絡的世界中&#xff0c;TCP&#xff08;Transmission Control Protocol&#xff0c;傳輸控制協議&#xff09;和 UDP&#xff08;User Datagram Protocol&#xff0c;用戶數據報協議&#xff09;是兩種極為重要且應用廣泛的傳輸層協議。它們在功能、特性以及適…

代碼思想之快慢路徑

處理業務代碼的過程中&#xff0c;對業務代碼有了一些調整&#xff0c;后續發現這是一種代碼思想 在一段復雜的邏輯里&#xff0c;我把查詢redis操作寫在了前面&#xff0c; 業務邏輯&#xff1a; 如果需要不打壓就退出本次處理 查詢redis拿到商品需要打壓的次數 如果次數 …

Java 溯本求源之基礎(三十一)——泛型

目錄 1. 泛型的定義與基本概念 2. 泛型的優勢 3. 泛型的基本語法 3.1 泛型類 3.2 泛型方法 3.3 泛型接口 4. 泛型的邊界 4.1 上限通配符&#xff08;? extends T&#xff09; 4.2 下限通配符&#xff08;? super T&#xff09; 5. 泛型的類型擦除 6. 泛型的使用場景…

純 HTML+CSS+JS 實現一個炫酷的圣誕樹動畫特效

純 HTMLCSSJS 實現一個炫酷的圣誕樹動畫特效 前言 圣誕節快到了&#xff0c;今天給大家帶來一個簡單但是效果不錯的圣誕樹動畫特效。這個特效完全使用原生 HTML、CSS 和 JavaScript 實現&#xff0c;包含閃爍的星星、隨機彩燈等元素&#xff0c;非常適合節日氣氛&#xff01;…

Maven:Java項目構建與管理的利器

在Java開發領域&#xff0c;Maven無疑是一個舉足輕重的工具。它不僅簡化了項目的構建和依賴管理&#xff0c;還促進了團隊協作和持續集成。本文將深入探討Maven的核心功能、基本配置以及在實際項目中的應用。 Maven簡介 Maven是Apache基金會下的一個開源項目&#xff0c;旨在…

【ES6復習筆記】Promise對象詳解(12)

1. 什么是 Promise&#xff1f; Promise 是 JavaScript 中處理異步操作的一種機制&#xff0c;它可以讓異步操作更加容易管理和控制。Promise 對象代表一個異步操作的最終完成或失敗&#xff0c;并提供了一種方式來處理操作的結果。 2. Promise 的基本語法 Promise 對象有三…

【RAG實戰】語言模型基礎

語言模型賦予了計算機理解和生成人類語言的能力。它結合了統計學原理和深度神經網絡技術&#xff0c;通過對大量的樣本數據進行復雜的概率分布分析來學習語言結構的內在模式和相關性。具體地&#xff0c;語言模型可根據上下文中已出現的詞序列&#xff0c;使用概率推斷來預測接…

【ES6復習筆記】Map(14)

概念 Map 是 JavaScript 中的一種數據結構&#xff0c;它允許你存儲鍵值對&#xff0c;并且可以通過鍵來訪問對應的值。在本教程中&#xff0c;我們將學習如何聲明、添加、刪除、獲取和遍歷 Map 集合。 ES6 提供了 Map 數據結構。它類似于對象&#xff0c;也是鍵值對的集合。…

富芮坤FR800X系列之PWM輸出程序應用設計

文章目錄 前言1.設計背景2.簡介3.如何設計控制調光的接口呢4.硬件設計5.軟件設計5.1.軟件流程圖5.2.軟件代碼 6.小結 前言 版權歸作者所有、未經允許、請勿轉載。 讀者對象&#xff1a; 本文檔主要適用以下工程師&#xff1a; ?嵌入式系統工程師 ?單片機軟件工程師 ?IOT固…

Ftrans數據擺渡系統 搭建安全便捷跨網文件傳輸通道

一、專業數據擺渡系統對企業的意義 專業的數據擺渡系統對企業具有重要意義&#xff0c;主要體現在以下幾個方面?&#xff1a; 1、?數據安全性?&#xff1a;數據擺渡系統通過加密傳輸、訪問控制和審計日志等功能&#xff0c;確保數據在傳輸和存儲過程中的安全性。 2、?高…

EasyPoi 使用$fe:模板語法生成Word動態行

1 Maven 依賴 <dependency><groupId>cn.afterturn</groupId><artifactId>easypoi-spring-boot-starter</artifactId><version>4.0.0</version> </dependency> 2 application.yml spring:main:allow-bean-definition-over…

定義Shape:打造屬于你的獨特圖形

自定義Shape:打造屬于你的獨特圖形 在Android開發中,自定義圖形繪制是一個非常重要的技能,尤其是在需要實現復雜UI或特定設計需求時。Android提供了android.graphics.drawable.shapes包,其中包含了一些基本的形狀類,如RectShape、OvalShape等。然而,有時這些基本形狀無法…

python 滲透開發工具之SQLMapApi Server不同IP服務啟動方式處理 解決方案SqlMapApiServer外網不能訪問的情況

目錄 說在前面 什么是 SQLMapAPI 說明 sqlmapApi能干什么 sqlmapApi 服務安裝相關 kali-sqlmap存放位置 正常啟動sqlmap-api server SqlMapApi-Server 解決外網不能訪問情況 說在前面 什么是sqlmap 這個在前面已經說過了&#xff0c;如果這個不知道&#xff0c;就可以…

【基礎還得練】 KKT 條件

優秀教程-真正理解拉格朗日乘子法和 KKT 條件&#xff1a; link優秀教程-最優化(6)&#xff1a;一般約束優化問題的最優性理論&#xff1a; link KKT條件&#xff08;Karush-Kuhn-Tucker條件&#xff09;是非線性規劃中的一組必要條件&#xff0c;在某些情況下也是最優解的充分…

使用 Webpack 優雅的構建微前端應用?

Module Federation 通常譯作“模塊聯邦”&#xff0c;是 Webpack 5 新引入的一種遠程模塊動態加載、運行技術。MF 允許我們將原本單個巨大應用按我們理想的方式拆分成多個體積更小、職責更內聚的小應用形式&#xff0c;理想情況下各個應用能夠實現獨立部署、獨立開發(不同應用甚…

Boost之log日志使用

不講理論&#xff0c;直接上在程序中可用代碼&#xff1a; 一、引入Boost模塊 開發環境&#xff1a;Visual Studio 2017 Boost庫版本&#xff1a;1.68.0 安裝方式&#xff1a;Nuget 安裝命令&#xff1a; #只安裝下面幾個即可 Install-package boost -version 1.68.0 Install…