晋城客运东站网站开发,什么nas可以做网站服务器,企业管理的五大核心,潍坊市企业网站建设提供侧边栏可以显示和隐藏的侧边栏容器#xff0c;通过子组件定义侧边栏和内容区#xff0c;第一个子组件表示侧边栏#xff0c;第二个子组件表示内容区。 说明#xff1a; 该组件从API Version 8开始支持。后续版本如有新增内容#xff0c;则采用上角标单独标记该内容的起…提供侧边栏可以显示和隐藏的侧边栏容器通过子组件定义侧边栏和内容区第一个子组件表示侧边栏第二个子组件表示内容区。 说明 该组件从API Version 8开始支持。后续版本如有新增内容则采用上角标单独标记该内容的起始版本。 子组件 可以包含子组件。 说明 子组件类型系统组件和自定义组件不支持渲染控制类型if/else、ForEach和LazyForEach。子组件个数必须且仅包含2个子组件。子组件个数异常时3个或以上子组件显示第一个和第二个。1个子组件显示侧边栏内容区为空白。 接口 SideBarContainer( type?: SideBarContainerType ) 参数 参数名参数类型必填参数描述typeSideBarContainerType否设置侧边栏的显示类型。 默认值SideBarContainerType.Embed SideBarContainerType枚举说明 名称描述Embed侧边栏嵌入到组件内和内容区并列显示。 组件尺寸小于minContentWidth minSideBarWidth,并且未设置showSideBar时侧边栏自动隐藏。 未设置minSideBarWidth或者minContentWidth采用未设置接口的默认值进行计算。 组件在自动隐藏后如果通过点击控制按钮唤出侧边栏则侧边栏悬浮在内容区上显示。Overlay侧边栏浮在内容区上面。AUTO10组件尺寸大于等于minSideBarWidthminContentWidth时采用Embed模式显示。 组件尺寸小于minSideBarWidthminContentWidth时采用Overlay模式显示。 未设置minSideBarWidth或minContentWidth时会使用未设置接口的默认值进行计算若计算的值小于600vp则使用600vp做为模式切换的断点值。 属性 除支持通用属性外还支持以下属性 名称参数类型描述showSideBarboolean设置是否显示侧边栏。 true显示侧边栏 false不显示侧边栏 默认值true 从API version 10开始该属性支持$$双向绑定变量。controlButtonButtonStyle设置侧边栏控制按钮的属性。showControlButtonboolean设置是否显示控制按钮。 true显示控制按钮 false不显示控制按钮 默认值truesideBarWidthnumber | Length9设置侧边栏的宽度。 默认值240vp 单位vp说明 API version 9及以下版本默认值为200vpAPI version 10的默认值为240vp。 设置为小于0的值时按默认值显示。 受最小宽度和最大宽度限制不在限制区域内取最近的点。 sideBarWidth优先于侧边栏子组件widthsideBarWidth未设置时默认值优先级高于侧边栏子组件width。minSideBarWidthnumber | Length9设置侧边栏最小宽度。 默认值240vp 单位vp说明 API version 9及以下版本默认值为200vpAPI version 10的默认值为240vp。 设置为小于0的值时按默认值显示。 值不能超过侧边栏容器本身宽度超过使用侧边栏容器本身宽度。 minSideBarWidth优先于侧边栏子组件minWidthminSideBarWidth未设置时默认值优先级高于侧边栏子组件minWidth。maxSideBarWidthnumber | Length9设置侧边栏最大宽度。 默认值280vp 单位vp说明 设置为小于0的值时按默认值显示。 值不能超过侧边栏容器本身宽度超过使用侧边栏容器本身宽度。 maxSideBarWidth优先于侧边栏子组件maxWidthmaxSideBarWidth未设置时默认值优先级高于侧边栏子组件maxWidth。autoHide9boolean设置当侧边栏拖拽到小于最小宽度后是否自动隐藏。 true会自动隐藏 false不会自动隐藏 默认值true说明 受minSideBarWidth属性方法影响minSideBarWidth属性方法未设置值使用默认值。 拖拽过程中判断是否要自动隐藏。小于最小宽度时需要阻尼效果触发隐藏越界一段距离sideBarPosition9SideBarPosition设置侧边栏显示位置。 默认值SideBarPosition.Startdivider10DividerStyle | null设置分割线的样式。 - 默认为DividerStyle显示分割线。 - null不显示分割线。minContentWidth10DimensionSideBarContainer组件内容区可显示的最小宽度。 默认值360vp 单位vp说明 设置为小于0内容区显示的最小宽度为360vp未设置该属性时组件内容区的可缩小到0。 Embed场景下增大组件尺寸时仅增大内容区的尺寸。 缩小组件尺寸时先缩小内容区的尺寸至minContentWidth。继续缩小组件尺寸时保持内容区宽度minContentWidth不变优先缩小侧边栏的尺寸。 当缩小侧边栏的尺寸至minSideBarWidth后继续缩小组件尺寸时 - 如果autoHide属性为false则会保持侧边栏宽度minSideBarWidth和内容区宽度minContentWidth不变但内容区会被截断显示 - 如果autoHide属性为true则会优先隐藏侧边栏然后继续缩小至内容区宽度minContentWidth后内容区宽度保持不变但内容区会被截断显示。 minContentWidth优先于侧边栏的maxSideBarWidth与sideBarWidth属性minContentWidth未设置时默认值优先级低于设置的minSideBarWidth与maxSideBarWidth属性。 ButtonStyle对象说明 名称参数类型必填描述leftnumber否设置侧边栏控制按钮距离容器左界限的间距。 默认值16vp 单位vptopnumber否设置侧边栏控制按钮距离容器上界限的间距。 默认值48vp 单位vpwidthnumber否设置侧边栏控制按钮的宽度。 默认值 API version 9及之前版本32vp 从API version 10开始24vp 单位vpheightnumber否设置侧边栏控制按钮的高度。 默认值 API version 9及之前版本32vp 从API version 10开始24vp 单位vpicons{ shown: string | PixelMap | Resource , hidden: string | PixelMap | Resource , switching?: string | PixelMap | Resource }否设置侧边栏控制按钮的图标 - shown: 设置侧边栏显示时控制按钮的图标。说明 资源获取错误时使用默认图标。 - hidden: 设置侧边栏隐藏时控制按钮的图标。 - switching:设置侧边栏显示和隐藏状态切换时控制按钮的图标。 SideBarPosition9枚举说明 名称描述Start侧边栏位于容器左侧。End侧边栏位于容器右侧。 DividerStyle10对象说明 名称参数类型必填描述strokeWidthLength是分割线的线宽。 默认值1vpcolorResourceColor否分割线的颜色。 默认值#0000003%startMarginLength否分割线与侧边栏顶端的距离。 默认值0endMarginLength否分割线与侧边栏底端的距离。 默认值0 说明 针对侧边栏子组件设置通用属性宽高时宽高都不生效。 针对侧边栏内容区设置通用属性宽高时宽高都不生效默认占满SideBarContainer的剩余空间。 当showSideBar属性未设置时依据组件大小进行自动显示 小于minSideBarWidth minContentWidth默认不显示侧边栏。大于等于minSideBarWidth minContentWidth默认显示侧边栏。 事件 除支持通用事件外还支持以下事件 名称功能描述onChange(callback: (value: boolean) void)当侧边栏的状态在显示和隐藏之间切换时触发回调。true表示显示false表示隐藏。 触发该事件的条件 1、showSideBar属性值变换时 2、showSideBar属性自适应行为变化时 3、分割线拖拽触发autoHide时。 示例 // xxx.ets Entry Component struct SideBarContainerExample {normalIcon: Resource $r(app.media.icon)selectedIcon: Resource $r(app.media.icon)State arr: number[] [1, 2, 3]State current: number 1build() {SideBarContainer(SideBarContainerType.Embed) {Column() {ForEach(this.arr, (item: number) {Column({ space: 5 }) {Image(this.current item ? this.selectedIcon : this.normalIcon).width(64).height(64)Text(Index0 item).fontSize(25).fontColor(this.current item ? #0A59F7 : #999).fontFamily(source-sans-pro,cursive,sans-serif)}.onClick(() {this.current item})}, (item: string) item)}.width(100%).justifyContent(FlexAlign.SpaceEvenly).backgroundColor(#19000000)Column() {Text(SideBarContainer content text1).fontSize(25)Text(SideBarContainer content text2).fontSize(25)}.margin({ top: 50, left: 20, right: 30 })}.controlButton({icons: {hidden: $r(app.media.drawer),shown: $r(app.media.drawer),switching: $r(app.media.drawer)}}).sideBarWidth(150).minSideBarWidth(50).maxSideBarWidth(300).minContentWidth(0).onChange((value: boolean) {console.info(status: value)}).divider({ strokeWidth: 1vp, color: Color.Gray, startMargin: 4vp, endMargin: 4vp })} } 最后有很多小伙伴不知道学习哪些鸿蒙开发技术不知道需要重点掌握哪些鸿蒙应用开发知识点而且学习时频繁踩坑最终浪费大量时间。所以有一份实用的鸿蒙HarmonyOS NEXT资料用来跟着学习是非常有必要的。  这份鸿蒙HarmonyOS NEXT资料包含了鸿蒙开发必掌握的核心知识要点内容包含了ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等鸿蒙HarmonyOS NEXT技术知识点。 希望这一份鸿蒙学习资料能够给大家带来帮助有需要的小伙伴自行领取限时开源先到先得~无套路领取 获取这份完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料 鸿蒙HarmonyOS NEXT最新学习路线 HarmonOS基础技能 HarmonOS就业必备技能  HarmonOS多媒体技术 鸿蒙NaPi组件进阶 HarmonOS高级技能 初识HarmonOS内核 实战就业级设备开发 有了路线图怎么能没有学习资料呢小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的鸿蒙OpenHarmony 学习手册共计1236页与鸿蒙OpenHarmony 开发入门教学视频内容包含ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。 获取以上完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料 《鸿蒙 (OpenHarmony)开发入门教学视频》 《鸿蒙生态应用开发V2.0白皮书》 《鸿蒙 (OpenHarmony)开发基础到实战手册》 OpenHarmony北向、南向开发环境搭建 《鸿蒙开发基础》 ArkTS语言安装DevEco Studio运用你的第一个ArkTS应用ArkUI声明式UI开发.…… 《鸿蒙开发进阶》 Stage模型入门网络管理数据管理电话服务分布式应用开发通知与窗口管理多媒体技术安全技能任务管理WebGL国际化开发应用测试DFX面向未来设计鸿蒙系统移植和裁剪定制…… 《鸿蒙进阶实战》 ArkTS实践UIAbility应用网络案例…… 获取以上完整鸿蒙HarmonyOS学习资料请点击→纯血版全套鸿蒙HarmonyOS学习资料 总结 总的来说华为鸿蒙不再兼容安卓对中年程序员来说是一个挑战也是一个机会。只有积极应对变化不断学习和提升自己他们才能在这个变革的时代中立于不败之地。