当前位置: 首页 > news >正文

网站建设需要步骤wordpress网站不显示系列

网站建设需要步骤,wordpress网站不显示系列,站群建站,网站建设需要哪些企业资料应用未使用setWindowLayoutFullScreen()接口设置窗口全屏布局时,默认使能组件安全区布局。可以使用expandSafeArea属性扩展安全区域属性进行调整 扩展安全区域属性原理 布局阶段按照安全区范围大小进行UI元素布局。布局完成后查看设置了expandSafeArea的组件边界&…

应用未使用setWindowLayoutFullScreen()接口设置窗口全屏布局时,默认使能组件安全区布局。可以使用expandSafeArea属性扩展安全区域属性进行调整

扩展安全区域属性原理

  • 布局阶段按照安全区范围大小进行UI元素布局。
  • 布局完成后查看设置了expandSafeArea的组件边界(不包括margin)是否和安全区边界相交。
  • 如果设置了expandSafeArea的组件和安全区边界相交,根据expandSafeArea传递的属性则进一步扩大组件绘制区域大小覆盖状态栏、导航条这些非安全区域。
  • 上述过程仅改变组件自身绘制大小,不进行二次布局,不影响子节点和兄弟节点的大小和位置。
  • 子节点可以单独设置该属性,只需要自身边界和安全区域重合就可以延伸自身大小至非安全区域内,需要确保父组件未设置clip等裁切属性。
  • 配置expandSafeArea属性组件进行绘制扩展时,需要关注组件不能配置固定宽高尺寸,百分比除外。

背景图和视频场景

设置背景图、视频控件大小为安全区域大小并配置expandSafeArea属性。

@Entry
@Component
struct SafeAreaExample1 {build() {Stack() {Image($r('app.media.bg')).height('100%').width('100%').expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM]) // 图片组件的绘制区域扩展至状态栏和导航条。}.height('100%').width('100%')}
}

滚动类场景

要求需要List滚动类组件滚动过程中元素可以和导航条重合,滚动至底部时,元素在导航条上面需要避让。
由于expandSafeArea不改变子节点布局,因此,List等滚动类组件可以调用expandSafeArea,延伸List组件视图窗口大小而不改变ListItem内在布局。实现ListItem在滑动过程中显示在导航条下,但滚动至最后一个时显示在导航条上。

demo

未使用全屏模式

struct Index {@State message: string = 'Hello World';build() {Column(){Image($r('app.media.test')).width('100%').height('60%').objectFit(ImageFit.Cover)Text(this.message)}.justifyContent(FlexAlign.Start).alignItems(HorizontalAlign.Center).height('100%').width('100%')}
}

运行效果.png

使用之后代码:

struct Index {@State message: string = 'Hello World';build() {Column(){Image($r('app.media.test')).width('100%').height('60%').objectFit(ImageFit.Cover).expandSafeArea([SafeAreaType.SYSTEM],[SafeAreaEdge.TOP])Text(this.message)}.justifyContent(FlexAlign.Start).alignItems(HorizontalAlign.Center).height('100%').width('100%')}
}

运行效果2.png

http://www.yayakq.cn/news/395701/

相关文章:

  • 有名的wordpress网站网站建设解决
  • 手机网站设计图标qq是哪个公司
  • 拓吧网站wordpress自动采集软件
  • 有了阿里云服务器怎么做网站360郑州房产网
  • 宁波网页网站制作热点军事新闻
  • 商务网站建设论文答辩ppt中国建筑装饰网排行
  • 个人网站可以做点什么企业投资建设公益性项目
  • 企业网站文章后台添加做幼儿手工网站
  • 北京中心网站建设国外虚拟主机 两个网站
  • 瑞安电影城网站建设即墨网站建设
  • 营销型网站建设大千番茄网络营销策划方案
  • 建域名做网站网站建设丿金手指15
  • 网站诸多慧聪网官方网站
  • 郑州建站以来做预定网站的作用
  • 制作网站题材报告总结网站建设实验
  • 做网站的注意事项成都网站建设kaituozu
  • 诚讯通网站大石桥网站建设
  • 网站制作公司网站建设公司购买网站app制作
  • 浙江建设技术职业学院网站网站建设完成后如何备案
  • 专业网站建设新闻海外seo网站推广
  • 建网站成本网页设计企业宣传网站
  • asp.net做网站的流程网站页面建设方案书模板
  • 温州网页建站模板个人怎么建设网站
  • 网站如何做定级备案seo门户网
  • 保定网站搜索排名龙潭湖网站建设
  • 高级网站开发工程师证书网站备案 空间备案 域名备案
  • 大兴区网站建设手机端网站的区别吗
  • 建设部网站官网证书编号wordpress建网站视频
  • 网站建设流程笔记aspx网站跳转代码
  • 网站优化排名易下拉技术课件模板下载免费