HarmonyOS Tabs的shadow实际渲染效果不对
通过开发工具创建项目,创建时选择`Flexible Layout Ability`,在Tabs添加shadow属性,期望效果是在tabbar上有一条阴影,但实际效果没有,而且在TabContent上面了。
相关代码如下:
build() {
Column() {
Tabs({
barPosition: new BreakPointType({
sm: BarPosition.End,
md: BarPosition.End,
lg: BarPosition.Start,
xl: BarPosition.Start
}).getValue(this.currentBreakpoint),
})
{
ForEach(this.tabs, (item: TabBarItem, index?: number) => {
TabContent() {
if(2 != index){
GridComponent()
}
}
.tabBar(this.TabBarBuilder(item, index))
// 100%
.width(CommonConstants.TAB_CONTENT_WIDTH)
// 100%
.height(CommonConstants.TAB_CONTENT_HEIGHT)
})
}
.vertical(new BreakPointType({
sm: CommonConstants.TAB_SM_VERTICAL,
md: CommonConstants.TAB_MD_VERTICAL,
lg: CommonConstants.TAB_LG_VERTICAL,
xl: CommonConstants.TAB_XL_VERTICAL
})
.getValue(this.currentBreakpoint))
.barWidth(new BreakPointType({
// 100%
sm: CommonConstants.TAB_SM_BAR_WIDTH,
// 100%
md: CommonConstants.TAB_MD_BAR_WIDTH,
// 96vp
lg: CommonConstants.TAB_LG_BAR_WIDTH,
// 96vp
xl: CommonConstants.TAB_XL_BAR_WIDTH
})
.getValue(this.currentBreakpoint))
.barHeight(new BreakPointType({
// 56vp
sm: CommonConstants.TAB_SM_BAR_HEIGHT,
// 56vp
md: CommonConstants.TAB_MD_BAR_HEIGHT,
// 60%
lg: CommonConstants.TAB_LG_BAR_HEIGHT,
// 60%
xl: CommonConstants.TAB_XL_BAR_HEIGHT
})
.getValue(this.currentBreakpoint))
.onChange((index: number) => {
this.currentIndex = index
})
.backgroundColor($r('app.color.tabbarBgColor'))
.shadow({
radius: 2,
color: '#1a000000',
offsetY: -1,
offsetX: 0
})
}
.backgroundColor($r('app.color.globalBgColor'))
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS tabs阴影效果
712浏览 • 1回复 待解决
HarmonyOS ArkUI支持类似css中drop-shadow的阴影效果吗?
326浏览 • 1回复 待解决
HarmonyOS 怎么取消Tabs的滑动回弹效果?
444浏览 • 1回复 待解决
HarmonyOS Tabs如何取消弹簧效果
360浏览 • 1回复 待解决
Navigation实现Tabs切换效果
1233浏览 • 1回复 待解决
Tabs 出现/消失转场动画效果
389浏览 • 1回复 待解决
如何实现Tabs组件tarbar的吸顶效果
1152浏览 • 1回复 待解决
HarmonyOS怎么实现Tabs组件滑动时indictor随之滑动的效果?
272浏览 • 1回复 待解决
tabs结合scroll实现吸顶效果
1448浏览 • 1回复 待解决
HarmonyOS “关注”按钮(stack)设置了border,但是实际效果边界被裁
36浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS的Tabs组件中取消切换动画效果?
140浏览 • 1回复 待解决
HarmonyOS 绝对布局位置不对
334浏览 • 0回复 待解决
HarmonyOS image组件,在组件渲染时就有0-360 度的动画效果
492浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现Tabs组件中TabContent的动画效果?
142浏览 • 1回复 待解决
HarmonyOS Tabs组件的Tabs如何左对齐?
499浏览 • 1回复 待解决
动态加载实现Tabs不均分但整体居中效果
686浏览 • 1回复 待解决
HarmonyOS 地图的getAddressesFromLocationName方法回调的数据不对
42浏览 • 1回复 待解决
如何设置Tabs的末尾由透明到不透明的渐变效果
1908浏览 • 1回复 待解决
HarmonyOS Web接口getAcceptType返回类型值不对
61浏览 • 1回复 待解决
HarmonyOS 视频编码器返回的时间戳单位不对
31浏览 • 1回复 待解决
如何在Shadow DOM中应用全局样式?
160浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何实现Tabs组件的标签切换效果及样式变化?
77浏览 • 1回复 待解决
HarmonyOS Flex组件存在问题,UI不对
32浏览 • 1回复 待解决
HarmonyOS Tabs以及嵌套Tabs生命周期的支持
288浏览 • 1回复 待解决
HarmonyOS webrtc拉流,视频解码后的数据不对
434浏览 • 1回复 待解决
按照您的描述,我这边创建了demo,目前是这样实现的效果: