当前位置： 首页 > wzjs >正文

广州网站制作托管做引流的公司是正规的吗

wzjs 2025/8/12 5:53:19
广州网站制作托管,做引流的公司是正规的吗,做网站建设注册商标是多少类,做淘宝客最大的网站是叫什么名字最终实现效果图： 实现步骤 创建FullScreenPlay.ets全品播放页面 并将其修改为启动页面。 全屏播放，屏幕必然横过来，所以要将窗口横过来。 编辑 src/main/ets/entryability/EntryAbility.ets 若写在/EntryAbility.ets中，则所有…

最终实现效果图：

实现步骤

创建FullScreenPlay.ets全品播放页面

并将其修改为启动页面。

全屏播放，屏幕必然横过来，所以要将窗口横过来。

编辑

src/main/ets/entryability/EntryAbility.ets

若写在/EntryAbility.ets中，则所有窗口都是横屏，因此不应该写在UIAbility中，应该写在全屏播放的页面中。是个跳转。

当页面即将显示时，设置窗口显示方向为“横屏”。

编辑

这两个方法都可以，这两个方法有什么区别？

abouttoappear是所有组件都可以使用的方法，页面组件可以、局部组件也可以。

onPageShow（）页面组件才有，其他组件没有。

abouttoappear先一步调用，页面即将显示时调用，不会有渐变的过程，onpageshow页面显示出来时候才调用，会有渐变的过程。

旋转动画应该放在onpageshow中。

编辑

全屏播放页面应用

如果放在onPageShow（）中，会看到竖屏转换为横屏的效果。

如果放在aboutToAppear()中，一上来就会显示横屏，用户不会看到竖屏转换为横屏的效果。

我们这里使用aboutToAppear()

设置全屏

async aboutToAppear(): Promise<void> {// 得到窗口对象, 并设置窗口显示方向为“横屏”。let w = await window.getLastWindow(getContext())  // 获取最后一个窗口(最近显示的窗口对象)w.setWindowLayoutFullScreen(true) // 设置窗口全屏// 设置窗口显示方向为“横屏”。w.setPreferredOrientation(window.Orientation.PORTRAIT) //  竖屏（肖像画）：window.Orientation.PORTRAIT, 横屏（风景画）：window.Orientation.LANDSCAPE
}

横屏显示

竖屏（肖像画）：window.Orientation.PORTRAIT,

横屏（风景画）：window.Orientation.LANDSCAPE

async aboutToAppear(): Promise<void> {// 得到窗口对象, 并设置窗口显示方向为“横屏”。let w = await window.getLastWindow(getContext())  // 获取最后一个窗口(最近显示的窗口对象)w.setWindowLayoutFullScreen(true) // 设置窗口全屏// 设置窗口显示方向为“横屏”。w.setPreferredOrientation(window.Orientation.PORTRAIT) //  竖屏（肖像画）：window.Orientation.PORTRAIT, 横屏（风景画）：window.Orientation.LANDSCAPE
}

考虑到性能，使用相对布局容器

背景色撑满整个屏幕

微调元素边距的三种方式

.margin({left: 50}) // 设置外边距,微调元素位置1 影响周围的兄弟元素

.offset({x:50, y:50}) // 设置偏移量,微调元素位置2 不会影响周围的兄弟元素

.position({x:1000, y:50}) // 设置位置,微调元素位置3 会影响周围的兄弟的元素

静态页面实现

1、顶部条 和 暂停

import { window } from '@kit.ArkUI';@Entry@Componentstruct FullScreenPlay {// 当页面即将显示时，设置窗口显示方向为“横屏”。async aboutToAppear(): Promise<void> {// 得到窗口对象, 并设置窗口显示方向为“横屏”。let w = await window.getLastWindow(getContext())  // 获取最后一个窗口(最近显示的窗口对象)w.setWindowLayoutFullScreen(true) // 设置窗口全屏// 设置窗口显示方向为“横屏”。w.setPreferredOrientation(window.Orientation.LANDSCAPE) //  竖屏（肖像画）：window.Orientation.PORTRAIT, 横屏（风景画）：window.Orientation.LANDSCAPE}build() {RelativeContainer() {// 1、最底部的视频Row(){}.width('100%').height('100%').backgroundColor('#AAA')// 2、顶部的 后退按钮+标题+更多Row(){// 后退按钮Image('/images/back.svg').width(9).height(15).fillColor('#fff')// 标题Text('Axure RP9教程：手把手教你制作交互案例').fontSize(16).fontColor('#FCFCFC').layoutWeight(1) // 权重 1 表示占据剩余空间.margin({left:20})// 更多Image('/images/more.svg').width(24).fillColor('#fff')}.width('100%')// .backgroundColor('#110').padding({left:20 , right:20, top:20})// 3、播放/暂停按钮Image('/images/play2.svg').width(50).height(50).alignRules({middle: {anchor:'__container__', align: HorizontalAlign.Center},center: {anchor:'__container__', align: VerticalAlign.Center}})//   4、底部的播放控制条}.height('100%').width('100%').backgroundColor('#fdd')}}

2、底部进度条

//   4、底部的播放控制条
Row() {Text("03:23").fontSize(12).fontColor("#FFFFFF")Progress({value: 3.23 * 60,total: 5.31 * 60,type: ProgressType.Linear}).layoutWeight(1).margin({ left: 8, right: 15 }).backgroundColor('#fff').color('#f59a23')Text("05:31").fontSize(12).fontColor("#FFFFFF")Text("标清").fontSize(12).fontColor("#FFFFFF").margin({ left: 15, right: 15 })Image('/images/zoomin.svg').width(15).height(15)
}
.width('100%')// .backgroundColor(Color.Pink).alignRules({bottom: { anchor: '__container__', align: VerticalAlign.Bottom },middle: { anchor: '__container__', align: HorizontalAlign.Center }}).padding({ bottom: 20, left: 30, right: 30 })

完整代码：

import { window } from '@kit.ArkUI';@Entry@Componentstruct FullScreenPlay {// 当页面即将显示时，设置窗口显示方向为“横屏”。async aboutToAppear(): Promise<void> {// 得到窗口对象, 并设置窗口显示方向为“横屏”。let w = await window.getLastWindow(getContext()) // 获取最后一个窗口(最近显示的窗口对象)w.setWindowLayoutFullScreen(true) // 设置窗口全屏// 设置窗口显示方向为“横屏”。w.setPreferredOrientation(window.Orientation.LANDSCAPE) //  竖屏（肖像画）：window.Orientation.PORTRAIT, 横屏（风景画）：window.Orientation.LANDSCAPE}build() {RelativeContainer() {// 1、最底部的视频Row() {}.width('100%').height('100%').backgroundColor('#7f7f7f')// 2、顶部的 后退按钮+标题+更多Row() {// 后退按钮Image('/images/back.svg').width(9).height(15).fillColor('#fff')// 标题Text('Axure RP9教程：手把手教你制作交互案例').fontSize(16).fontColor('#FCFCFC').layoutWeight(1)// 权重 1 表示占据剩余空间.margin({ left: 20 })// 更多Image('/images/more.svg').width(24).fillColor('#fff')}.width('100%')// .backgroundColor('#110').padding({ left: 20, right: 20, top: 20 })// 3、播放/暂停按钮Image('/images/play2.svg').width(50).height(50).alignRules({middle: { anchor: '__container__', align: HorizontalAlign.Center },center: { anchor: '__container__', align: VerticalAlign.Center }})//   4、底部的播放控制条Row() {Text("03:23").fontSize(12).fontColor("#FFFFFF")Progress({value: 3.23 * 60,total: 5.31 * 60,type: ProgressType.Linear}).layoutWeight(1).margin({ left: 8, right: 15 }).backgroundColor('#fff').color('#f59a23')Text("05:31").fontSize(12).fontColor("#FFFFFF")Text("标清").fontSize(12).fontColor("#FFFFFF").margin({ left: 15, right: 15 })Image('/images/zoomin.svg').width(15).height(15)}.width('100%')// .backgroundColor(Color.Pink).alignRules({bottom: { anchor: '__container__', align: VerticalAlign.Bottom },middle: { anchor: '__container__', align: HorizontalAlign.Center }}).padding({ bottom: 20, left: 30, right: 30 })}.height('100%').width('100%').backgroundColor('#fdd')}}

3、添加进度条上的小圆饼

解决方法：

要调整小圆饼的位置：

微调小圆饼的位置-三种方法
  1. .margin({left: 50}) // 设置外边距,微调元素位置1 影响周围的兄弟元素 （会影响周围元素，不合适）
  2. .offset({x:50, y:50}) // 设置偏移量,微调元素位置2 不会影响周围的兄弟元素（）

  1. .position({x:1000, y:50}) // 设置位置,微调元素位置3 会影响周围的兄弟的元素（）

// 小圆饼
Row(){
}
.width(20).height(20).borderRadius(10).backgroundColor('#fff')// .offset({x:-60,y:0}).position({x: '60%',y: -8})

创建项目》创建FullScreenPlay.ets全品播放页面，并将其修改为启动页面。

全屏播放，屏幕必然横过来，所以要将窗口横过来。

编辑

src/main/ets/entryability/EntryAbility.ets

若写在/EntryAbility.ets中，则所有窗口都是横屏，因此不应该写在UIAbility中，应该写在全屏播放的页面中。是个跳转。

当页面即将显示时，设置窗口显示方向为“横屏”。

编辑

这两个方法都可以，这两个方法有什么区别？

abouttoappear是所有组件都可以使用的方法，页面组件可以、局部组件也可以。

onPageShow（）页面组件才有，其他组件没有。

abouttoappear先一步调用，页面即将显示时调用，不会有渐变的过程，onpageshow页面显示出来时候才调用，会有渐变的过程。

旋转动画应该放在onpageshow中。

编辑

全屏播放页面应用

如果放在onPageShow（）中，会看到竖屏转换为横屏的效果。

如果放在aboutToAppear()中，一上来就会显示横屏，用户不会看到竖屏转换为横屏的效果。

我们这里使用aboutToAppear()

设置全屏

async aboutToAppear(): Promise<void> {// 得到窗口对象, 并设置窗口显示方向为“横屏”。let w = await window.getLastWindow(getContext())  // 获取最后一个窗口(最近显示的窗口对象)w.setWindowLayoutFullScreen(true) // 设置窗口全屏// 设置窗口显示方向为“横屏”。w.setPreferredOrientation(window.Orientation.PORTRAIT) //  竖屏（肖像画）：window.Orientation.PORTRAIT, 横屏（风景画）：window.Orientation.LANDSCAPE
}

横屏显示

竖屏（肖像画）：window.Orientation.PORTRAIT,

横屏（风景画）：window.Orientation.LANDSCAPE

async aboutToAppear(): Promise<void> {// 得到窗口对象, 并设置窗口显示方向为“横屏”。let w = await window.getLastWindow(getContext())  // 获取最后一个窗口(最近显示的窗口对象)w.setWindowLayoutFullScreen(true) // 设置窗口全屏// 设置窗口显示方向为“横屏”。w.setPreferredOrientation(window.Orientation.PORTRAIT) //  竖屏（肖像画）：window.Orientation.PORTRAIT, 横屏（风景画）：window.Orientation.LANDSCAPE
}

考虑到性能，使用相对布局容器

撑满整个屏幕

微调边距的元素

.margin({left: 50}) // 设置外边距,微调元素位置1 影响周围的兄弟元素

.offset({x:50, y:50}) // 设置偏移量,微调元素位置2 不会影响周围的兄弟元素

.position({x:1000, y:50}) // 设置位置,微调元素位置3 会影响周围的兄弟的元素

静态页面实现

顶部条 和 暂停

import { window } from '@kit.ArkUI';@Entry@Componentstruct FullScreenPlay {// 当页面即将显示时，设置窗口显示方向为“横屏”。async aboutToAppear(): Promise<void> {// 得到窗口对象, 并设置窗口显示方向为“横屏”。let w = await window.getLastWindow(getContext())  // 获取最后一个窗口(最近显示的窗口对象)w.setWindowLayoutFullScreen(true) // 设置窗口全屏// 设置窗口显示方向为“横屏”。w.setPreferredOrientation(window.Orientation.LANDSCAPE) //  竖屏（肖像画）：window.Orientation.PORTRAIT, 横屏（风景画）：window.Orientation.LANDSCAPE}build() {RelativeContainer() {// 1、最底部的视频Row(){}.width('100%').height('100%').backgroundColor('#AAA')// 2、顶部的 后退按钮+标题+更多Row(){// 后退按钮Image('/images/back.svg').width(9).height(15).fillColor('#fff')// 标题Text('Axure RP9教程：手把手教你制作交互案例').fontSize(16).fontColor('#FCFCFC').layoutWeight(1) // 权重 1 表示占据剩余空间.margin({left:20})// 更多Image('/images/more.svg').width(24).fillColor('#fff')}.width('100%')// .backgroundColor('#110').padding({left:20 , right:20, top:20})// 3、播放/暂停按钮Image('/images/play2.svg').width(50).height(50).alignRules({middle: {anchor:'__container__', align: HorizontalAlign.Center},center: {anchor:'__container__', align: VerticalAlign.Center}})//   4、底部的播放控制条}.height('100%').width('100%').backgroundColor('#fdd')}}

底部进度条

//   4、底部的播放控制条
Row() {Text("03:23").fontSize(12).fontColor("#FFFFFF")Progress({value: 3.23 * 60,total: 5.31 * 60,type: ProgressType.Linear}).layoutWeight(1).margin({ left: 8, right: 15 }).backgroundColor('#fff').color('#f59a23')Text("05:31").fontSize(12).fontColor("#FFFFFF")Text("标清").fontSize(12).fontColor("#FFFFFF").margin({ left: 15, right: 15 })Image('/images/zoomin.svg').width(15).height(15)
}
.width('100%')
// .backgroundColor(Color.Pink)
.alignRules({bottom: { anchor: '__container__', align: VerticalAlign.Bottom },middle: { anchor: '__container__', align: HorizontalAlign.Center }
})
.padding({ bottom: 20, left: 30, right: 30 })

http://www.dtcms.com/wzjs/313801.html

相关文章：

  • 做外汇上什么网站看新闻搜索引擎最新排名
  • 住房和城乡建设部网站 城市绿地分类免费的短视频app大全
  • 用国外服务器做赌博网站搜索引擎优化的流程是什么
  • 网站建设设计维片武汉seo技术
  • 门户网站html武汉seo广告推广
  • 天津做美缝的网站seo整站优化一年价格多少
  • 怎么制作爆米花教程seo专业培训学费多少钱
  • 网站备案号中信息有变营销排名seo
  • 宁波做网站建设五种新型营销方式
  • 定制化网站开发报价2021年热门关键词
  • 最新网站推广推蛙网络
  • 济宁做网站公司北京网络优化
  • 如何用服务器建设网站石家庄关键词优化软件
  • 郑州网站优化服务济南百度竞价代运营
  • 视频网站的服务器多大网站推广优化网址
  • 东城免费做网站北京seo优化排名推广
  • 网站有哪些备案软文广告营销
  • 高水平的徐州网站建设百度推广网页版
  • 网站制作哪种好国内搜索引擎排名
  • 做计算机网站seo顾问
  • 网站建设与维护的实训总结适合女生去的培训机构
  • 杭州网站制作哪家好广州网站优化推广
  • 网站定制公司地址网络平台推广具体是怎么推广
  • 网站集约化建设2019年4月nba最新排行
  • wordpress创建数据库错误seo搜索引擎优化试题及答案
  • 烟台网站建设策划方案新网站百度收录要几天
  • 成都摄影网站建设pc网站建设和推广
  • 建立网站需要多少钱怎么样宁波关键词优化企业网站建设
  • 酷站海洛互联网搜索引擎有哪些
  • 国外网站A网络营销的重要性