HarmonyOS 鸿蒙Next CalendarPicker 弹出来的框底板为什么是透明的，能修改么

发布于 1周前 作者 caililin 来自 鸿蒙OS

HarmonyOS 鸿蒙Next CalendarPicker 弹出来的框底板为什么是透明的，能修改么

CalendarPicker 弹出来的框底板为什么是透明的，能修改么

Harmonyos Next教程
9 回复

用这段代码测试的，效果背景column组件是粉色，选择框橙色，弹出来的日期框是白色。

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Index {
  [@State](/user/State) message: string = 'Hello World';
  private selectedDate: Date = new Date('2024-03-05')

build() {
Column() {
Text(‘月历日期选择器’).fontSize(30)
Column() {
CalendarPicker({ hintRadius: 10, selected: this.selectedDate })
.edgeAlign(CalendarAlign.END)
.textStyle({ color: “#ff182431”, font: { size: 20, weight: FontWeight.Normal } })
.margin(10)
.onChange((value) => {
console.info(“CalendarPicker onChange:” + JSON.stringify(value))
})
.backgroundColor(Color.Orange)
}
}
.width(‘100%’)
.height(‘100%’)
.backgroundColor(Color.Pink)
}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

更多关于HarmonyOS 鸿蒙Next CalendarPicker 弹出来的框底板为什么是透明的，能修改么的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


我的图片上传不了，

  1. "{\"code\":92211001,\"message\":\"validate SubmitPostReq failure, pictureList[0].filePath:wrong format of AttachmentInfo.filePath;\"}"

哈喽，建议另外创建个帖子提问，从报错信息看是格式问题，可以看下先。

测试了下，未展开前的日期背景颜色默认透明，可以通过BackgroundColor点属性来调整；点击展开后的背景板是白色的，不是透明。

另外也可以试下这个日历三方库：[@xsqd](/user/xsqd)/component

希望HarmonyOS能继续优化系统稳定性，减少崩溃和重启的情况。

方便截个图看看么，我这里一直是透明的，backgroundColor改的也是选择框的颜色不是弹出来的日期框的颜色

参考下发的代码，我用的模拟器运行的。

蹲一个答案

HarmonyOS 鸿蒙系统中，Next CalendarPicker 组件的弹出框底板透明问题，通常是由于组件的默认样式或主题设置导致的。要修改底板颜色，可以通过以下几种方式实现：

  1. 自定义样式：在XML布局文件中，为CalendarPicker组件设置自定义样式。通过修改背景属性（如background或android:background，注意鸿蒙中可能使用不同的属性名，如ohos:background_element），指定一个非透明的颜色或Drawable资源。

  2. 主题设置：检查并修改应用的主题设置，确保主题中定义的背景颜色不是透明的。在themes.xml文件中，调整相关属性，如windowBackground或colorPrimary等，以影响CalendarPicker的底板颜色。

  3. 代码动态设置：在Java（此处指鸿蒙的Java框架，非Android的Java）或JS（如果使用ArkUI框架）代码中，通过组件的API动态设置背景颜色。查找CalendarPicker组件的实例，并调用设置背景的方法。

注意，鸿蒙系统的UI组件和属性可能与Android有所不同，具体实现需参考鸿蒙的官方文档和API。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部