1、HarmonyOS 目前 app 中是否支持网页Scheme拉起应用?
支持deeplink的,网页中添加按钮引导用户拉起应用。网页端直接提示打开应用按钮绑定点击事件window.open(tzptest://www.xxxxx.com?url=XXX)>,点击该按钮,打开网页web端收到的url为tzptest://www.xxxxx.com?url=XXX
应用想被成功拉起则需要应用在工程的model.json5文件中配置abilities的skills中配置
{"actions": ["ohos.want.action.viewData"],"uris": [{"scheme": "tzptest"}]
}
需要注意deeplink链接的scheme协议头必须网页拉起的链接的应用配置的保持一致。另外浏览器不会对deeplink链接做任何解析或处理,只会原封不动的传递给拉起的应用。因此第三方应用只需要自己的网页端和应用端协商好url规则,自己去做解析打开对应页面即可
参考隐式want拉起应用:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/want-overview-V5
2、HarmonyOS 根据列表的title,刷新列表的数据?
可以参考以下demo实现:
@Entry
@Component
struct Index {@State focusIndex: number = 0;private controller: TabsController = new TabsController();tabArray = [0, 1,2,3,4,5,6,7];// 自定义页签@BuilderTab(tabName: string, tabItem: number, tabIndex: number) {Column({ space: 20 }) {Text(tabName).fontSize(18)Image($r('app.media.icon')).width(20).height(20)}.width(100).height(60).borderRadius({ topLeft: 10, topRight: 10 }).onClick(() => {this.controller.changeIndex(tabIndex);this.focusIndex = tabIndex;}).backgroundColor(tabIndex === this.focusIndex ? '#ffffffff' : '#ffb7b7b7')}build() {Column() {Column() {// 页签Row({ space: 6 }) {Scroll() {Row() {ForEach(this.tabArray, (item: number, index: number) => {this.Tab('页' + item, item, index);})}.margin({right: 80}).justifyContent(FlexAlign.Start)}// 设置左对齐.align(Alignment.Start).scrollable(ScrollDirection.Horizontal).scrollBar(BarState.Off).width('80%').backgroundColor('#ffb7b7b7')}.width('100%').backgroundColor('#ffb7b7b7')// tabsTabs({ barPosition: BarPosition.Start, controller: this.controller }) {ForEach(this.tabArray, (item: number, index: number) => {TabContent() {Text(' 我是页面 ' + item + ' 的内容').height(300).width('100%').fontSize(30)}.backgroundColor(Color.Pink)})}.barHeight(0).animationDuration(100).onChange((index: number) => {console.log('foo change');this.focusIndex = index;})}.alignItems(HorizontalAlign.Start).width('100%')}.height('100%')}
}
3、HarmonyOS web下载文件点击无反应?
可以把web的权限都设置为true,然后调试一下页面是否成功触发了下载,调试页面可参考使用Devtools工具调试前端页面:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-debugging-with-devtools-V5
Web组件支持使用DevTools工具调试前端页面。DevTools是一个 Web前端开发调试工具,提供了电脑上调试移动设备前端页面的能力。开发者通过setWebDebuggingAccess()接口开启Web组件前端页面调试能力,利用DevTools工具可以在电脑上调试移动设备上的前端网页,设备需为4.1.0及以上版本。
4、HarmonyOS ets文件如何使用any?
可以采用ESObject来替代any。但需要了解ESObject的使用场景,链接:
- https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs-V5/faqs-coding-9-V5
- https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/typescript-to-arkts-migration-guide-V5#%E9%99%90%E5%88%B6%E4%BD%BF%E7%94%A8esobject%E7%B1%BB%E5%9E%8B
5、HarmonyOS Grid 组件如何根据子元素自适应高度?
期望Grid组件的整体高度根据其内部元素的总高度来决定,不出滚动条,请问是否能实现?(内部元素高度不确定,无法固定设置Grid总高度)
参考如下Demo:
@Entry
@Component
struct GridExample {@State Number: String[] = ['0', '1', '2', '3', '4','5','6','7','8','9']scroller: Scroller = new Scroller()build() {Column({ space: 5 }) {Text('scroll').fontColor(0xCCCCCC).fontSize(9).width('90%')Grid(this.scroller) {ForEach(this.Number, (day: string) => {ForEach(this.Number, (day: string) => {GridItem() {Text(day).fontSize(16).backgroundColor(0xF9CF93).width('100%').height(80).textAlign(TextAlign.Center)}}, (day: string) => day)}, (day: string) => day)}.columnsTemplate('1fr 1fr 1fr 1fr 1fr').columnsGap(10).rowsGap(10).onScrollIndex((first: number) => {console.info(first.toString())}).width('80%').layoutDirection(GridDirection.Row).maxCount(3).backgroundColor(0xFAEEE0).scrollBarWidth(0)}.width('100%').margin({ top: 5 })}
}//在外层布局添加滚动布局scroll
@Entry
@Component
struct GridExample {@State Number: String[] = ['0', '1', '2', '3', '4','5','6','7','8','9']scroller: Scroller = new Scroller()build() {Scroll() {Column({ space: 5 }) {Text('scroll').fontColor(0xCCCCCC).fontSize(9).width('90%')Grid(this.scroller) {ForEach(this.Number, (day: string) => {ForEach(this.Number, (day: string) => {GridItem() {Text(day).fontSize(16).backgroundColor(0xF9CF93).width('100%').height(80).textAlign(TextAlign.Center)}}, (day: string) => day)}, (day: string) => day)}.columnsTemplate('1fr 1fr 1fr 1fr 1fr').columnsGap(10).rowsGap(10).onScrollIndex((first: number) => {console.info(first.toString())}).width('80%').layoutDirection(GridDirection.Row).maxCount(3).backgroundColor(0xFAEEE0).scrollBarWidth(0)}.width('100%').margin({ top: 5 })}.scrollBarWidth(0)}
}