鸿蒙Harmony应用开辟—ArkTS声明式开辟(基础手势:Web)上篇 ...

打印 上一主题 下一主题

主题 509|帖子 509|积分 1527

自我介绍一下,小编13年上海交大结业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里不停到现在。

深知大多数HarmonyOS鸿蒙开辟工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技能故步自封!

因此收集整理了一份《2024年HarmonyOS鸿蒙开辟全套学习资料》,初衷也很简单,就是希望可以或许资助到想自学提升又不知道该从何学起的朋侪,同时减轻各人的负担。











既有得当小白学习的零基础资料,也有得当3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上HarmonyOS鸿蒙开辟知识点,真正体系化!

由于文件比力大,这里只是将部门目次大纲截图出来,每个节点内里都包含大厂面经、学习条记、源码讲义、实战项目、解说视频,并且会持续更新

假如你以为这些内容对你有资助,可以添加VX:vip204888
(备注鸿蒙获取)




一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码到场我们的的圈子(技能交流、学习资源、职场吐槽、大厂内推、口试辅导),让我们一起学习成长!

public
static
getContext():
GlobalContext
{


if
(!GlobalContext.instance)
{


GlobalContext.instance
=
new
GlobalContext();

}

return
GlobalContext.instance;

}

getObject(value:
string):
Object
|
undefined
{


return
this._objects.get(value);

}

setObject(key:
string,
objectClass:
Object):
void
{


this._objects.set(key,
objectClass);

}

}
复制代码

//
xxx.ets

import
web_webview
from
‘@ohos.web.webview’

import
{
GlobalContext
}
from
‘…/GlobalContext’

let
url
=
‘file://’
+
GlobalContext.getContext().getObject(“filesDir”)
+
‘/index.html’

@Entry

@Component

struct
WebComponent
{


controller:
web_webview.WebviewController
=
new
web_webview.WebviewController()

build()
{


Column()
{


//
加载沙箱路径文件。

Web({
src:
url,
controller:
this.controller
})

}

}

}
  1. 2.
  2. 修改EntryAbility.ts。
  3. 以filesDir为例,获取沙箱路径。若想获取其他路径,请参考[应用文件路径](
  4. )。
复制代码

//
xxx.ts

import
UIAbility
from
‘@ohos.app.ability.UIAbility’;

import
AbilityConstant
from
‘@ohos.app.ability.AbilityConstant’;

import
Want
from
‘@ohos.app.ability.Want’;

import
web_webview
from
‘@ohos.web.webview’;

import
{
GlobalContext
}
from
‘…/GlobalContext’

export
default
class
EntryAbility
extends
UIAbility
{


onCreate(want:
Want,
launchParam:
AbilityConstant.LaunchParam)
{


//
通过在GlobalContext对象上绑定filesDir,可以实现UIAbility组件与UI之间的数据同步。

GlobalContext.getContext().setObject(“filesDir”,
this.context.filesDir);

console.log("Sandbox
path
is
"
+
GlobalContext.getContext().getObject(“filesDir”))

}

}
  1. 加载的html文件。
复制代码

Hello
World

```
属性


通用属性仅支持aspectRatio、backdropBlur、backgroundColor、bindContentCover、bindContextMenu、bindMenu、bindSheet、borderColor、borderRadius、borderStyle、borderWidth、clip、constraintSize、defaultFocus、focusable、tabIndex、groupDefaultFocus、focusOnTouch、displayPriority、enabled、flexBasis、flexGrow、flexShrink、layoutWeight、id、gridOffset、gridSpan、useSizeType、height、touchable、margin、markAnchor、offset、width、zIndex、visibility、scale、transform、responseRegion、size、stateStyles、opacity、shadow、sharedTransition、transition。

domStorageAccess


domStorageAccess(domStorageAccess:
boolean)

设置是否开启文档对象模子存储接口(DOM
Storage
API)权限,默认未开启。

系统能力:
SystemCapability.Web.Webview.Core

参数:




参数名


参数类型


必填


默认值


参数形貌








domStorageAccess


boolean





false


设置是否开启文档对象模子存储接口(DOM
Storage
API)权限。


示例:
  1. //
  2. xxx.etsimport
  3. web_webview
  4. from
  5. '@ohos.web.webview'@Entry@Componentstruct
  6. WebComponent
  7. {
  8. controller:
  9. web_webview.WebviewController
  10. =
  11. new
  12. web_webview.WebviewController()
  13. build()
  14. {
  15. Column()
  16. {
  17. Web({
  18. src:
  19. 'www.example.com',
  20. controller:
  21. this.controller
  22. })
  23. .domStorageAccess(true)
  24. }
  25. }}
复制代码

fileAccess


fileAccess(fileAccess:
boolean)

设置是否开启应用中文件系统的访问,默认启用。$rawfile(filepath/filename)")中rawfile路径的文件不受该属性影响而限制访问。

参数:




参数名


参数类型


必填


默认值


参数形貌








fileAccess


boolean





true


设置是否开启应用中文件系统的访问,默认启用。


示例:
  1. //
  2. xxx.etsimport
  3. web_webview
  4. from
  5. '@ohos.web.webview'@Entry@Componentstruct
  6. WebComponent
  7. {
  8. controller:
  9. web_webview.WebviewController
  10. =
  11. new
  12. web_webview.WebviewController()
  13. build()
  14. {
  15. Column()
  16. {
  17. Web({
  18. src:
  19. 'www.example.com',
  20. controller:
  21. this.controller
  22. })
  23. .fileAccess(true)
  24. }
  25. }}
复制代码

imageAccess


imageAccess(imageAccess:
boolean)

设置是否答应自动加载图片资源,默认答应。

参数:




参数名


参数类型


必填


默认值


参数形貌<


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

宝塔山

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表