Codenameone 使用九块边框向导在容器中设置阴影的问题

我需要在父容器设置为Boxy布局的每个容器的底部创建阴影效果。我为此尝试了9块图像边框，但效果并不理想。我这里有些问题。我在每个容器的末尾添加了空标签，并设置了uiid shadow，在这里我使用了来自主题的9块图像边框。但问题是我需要一个阴影或边框。似乎出现了多行阴影。如果在阴影标签中设置了首选高度，则无法确定单个边框将出现的确切高度。（例如shadow.setPreferredH（20）；）。我以前从未在图片中使用过9块边框，也没有在论坛中找到任何解决我问题的方法。PS我在里面看了教程。我怎样才能解决它

代码：

Container wrapContainerSingleTable=新容器（新的BoxLayout（BoxLayout.Y_轴））；
for（映射元素：connectionGroup.responses）{
singleRowContainerr=新容器（新的BoxLayout（BoxLayout.Y_轴））；
Container childContainer=新容器（new BorderLayout（））；
singleRowContainerr.add（childContainer）；
_ _ _ _ _ _ _ _ _ 
_ _ _ _ __ _ _ _
setUIID（“按钮测试”）；
childContainer.getAllStyles（）.setMargin（Component.BOTTOM，0）；
getAllStyles（）.setBgColor（0xF4）；
标签阴影=新标签（“”）；
singleRowContainerr.add（阴影）；
shadow.setUIID（“shadow”）；
setPadding（0,0,0,0）；
shadow.getAllStyles（）.setMargin（0,0,0,0）；
shadow.getAllStyles（）.SetbGTTransparency（0）；
//如果在阴影标签中设置首选高度，则无法确定单个边框将出现的确切高度。
//阴影。setPreferredH（20）；
添加（singleRowContainerr）；
}

阴影img

我想要实现的外观（仅每行的底部水平阴影）

9张边框截图

我尝试将边框类型作为直线而不是圆形，但结果相同

---

您的阴影处理方法似乎有缺陷，因为图像也显示了右侧的阴影，因此下面的标签指示阴影可能不是正确的方法

我也不会采取这一方向，因为它混合了各种关切。按钮的设计应与按钮相匹配，其外观似乎与9件式边框结构完美契合。如果你添加了适量的填充物，它应该是完美的

---

如果你坚持这样做（标签），你不应该使用9件边框，因为它对你的情况没有意义。您应该在标签顶部平铺阴影。

您的阴影处理方法似乎有缺陷，因为图像显示右侧也有阴影，因此下面的标签可能不是正确的方法

我也不会采取这一方向，因为它混合了各种关切。按钮的设计应与按钮相匹配，其外观似乎与9件式边框结构完美契合。如果你添加了适量的填充物，它应该是完美的

---

如果你坚持这样做（标签），你不应该使用9件边框，因为它对你的情况没有意义。您应该在标签顶部平铺阴影。

我已成功使用此方法在容器和按钮上设置阴影。

我基本上将页面中的外部阴影CSS复制到CN1设置页面>CSS选项中。加载后，我使用阴影/扩散等方法，然后将CSS文件中的名称作为UIID引用到我的对象中。很好，您可以调整CSS，并且模拟器可以在不重新加载的情况下立即更改

我最终得到了以下CSS和输出：

BottomShadow {
box-shadow: 2pt 22pt 22pt 0px rgba(61,59,61,0.48);
padding-bottom: 2mm;
padding-top: 1mm;

}

}

}

---

我已成功地使用此方法在容器和按钮上设置阴影。

我基本上将页面中的外部阴影CSS复制到CN1设置页面>CSS选项中。加载后，我使用阴影/扩散等方法，然后将CSS文件中的名称作为UIID引用到我的对象中。很好，您可以调整CSS，并且模拟器可以在不重新加载的情况下立即更改

我最终得到了以下CSS和输出：

BottomShadow {
box-shadow: 2pt 22pt 22pt 0px rgba(61,59,61,0.48);
padding-bottom: 2mm;
padding-top: 1mm;

}

}

}

---

谢谢你，谢了。我想知道侧菜单中的垂直阴影是如何保持的？如果你用阴影切割整个按钮，两个按钮都会被切掉。我想知道侧菜单中的垂直阴影是如何保持的？如果你用阴影剪切整个按钮，两个按钮都会保持不变

BottomRightShadowForButton {
box-shadow: 20px 20px 35px -5px rgba(204,202,204,1);

border: 1pt solid #ccc;
padding-bottom: 2mm;
padding-left: 1mm;
padding-right: 2mm;
padding-top: 2mm;

BottomRightShadow {
box-shadow: 20px 20px 35px -5px rgba(204,202,204,1);

padding-bottom: 1.5mm;
padding-left: 0mm;
padding-right: 1.5mm;
padding-top: 1mm;