shadow 相关问题

与在对象上绘制或设置阴影相关的问题。它指的是用户界面中的图形阴影，不要与对象，库，数据库等的概念阴影（副本）混淆。

android bitmap shadow

回答 1 投票 0

因此，我处于棘手的境地：我的外部div包装器包含一个内部的div和一个类似的UL： ... 我的情况很棘手：我有外部div包装器，其中包含一个内在的div且喜欢： ul 必须绝对放置在<div id="wrapper"> <div id="box"></div> <ul id="list">...</ul> </div> 下面的位置，但在显示并消失时不会将其移动和其他元素在页面周围。从绝对定位，如果我在#list周围添加一个边界，它只会绕着#box。 #wrapper当然也是如此。问题是，我需要一个无缝地围绕两个元素的阴影。我在搜索Google/stackoverflow时遇到的三个解决方案是：对两个元素进行了自己的阴影怪异的剪发效果。因此，此方法有效，但看起来不好。 link回答描述解决方案。使用一个等于模糊的阴性，然后使用3个阴影，一个对#box的每一侧。。 link回答描述解决方案。这是我尝试的一个jsfiddle。使用abox-shadow或-webkit-clip-path伪元素掩盖重叠的阴影。e非常适合类似颜色的盒子，但是我的#list和#list中有无法负担的内容被覆盖！ link回答描述解决方案我在果酱中留下了一些果酱，因为我真的很想在一起:before和:after，但似乎找不到适合我特定情况的解决方案。任何建议都会非常有帮助！注：我实际上正在使用电子框架，因此解决方案必须在chrome上工作，但是它只能在chrome上工作！您可以使用CSS-Filter： ul 解决方案从另一个问题中的解决方案也有效，即使这些元素未将其分组为div。它以相同大小但较小的z索引创建pseudo元素，并给它们带来阴影。由于较小的z索引，阴影不涵盖原始元素。 #box #list

html css shadow box-shadow

回答 1 投票 0

当天然：触摸的不透明度阴影在每一侧裁剪了大家早上好，我在带有圆形边缘的可触摸性触觉上的阴影有问题。我将插入代码和结果

<SafeAreaView> <ScrollView contentContainerStyle={{flexGrow: 1}}> <View style={{padding: 20}}> <TouchableOpacity style={{ backgroundColor: theme.colors.gold, width: 150, height: 150, borderRadius: 100, elevation: 5, }} /> </View> </ScrollView> </SafeAreaView> 我希望阴影自然沿着周长，但是除了有不同的圆形外，还可以在所有四个侧面切下。感谢帮助我的很多看起来您遇到了一个共同的问题，即阴影（尤其是在Android上）似乎与触摸可触摸的圆形形状不符，并且似乎也被夹住或切断。您可以尝试一些事情：确定适当的影子道具（尤其是在iOS上） ios ios，仅高程风格就不会显示阴影。您需要以您的样式使用以下阴影道具： shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3, shadowRadius: 3.84, 这些属性共同起作用，产生光滑的阴影。在iOS上，高程无济于事，因此，如果您想在平台上始终如一的阴影，请务必将其包含在内。双重检查您的Borderradius 为了使宽度为150和高度150的完美圆圈，您的Borderradius应该是该维度的一半（即Borderradius：75）。尽管您使用了100（大于75），但它可能仍然看起来圆形，但是确保它的一半恰好有助于避免任何意外的形状怪癖。示例： borderRadius: 75, 通过调整父视图有时，父视图溢出：“隐藏”或根本不足以显示完整的阴影。确保您的父容器（SafeAreaview，ScrollView和任何包装视图）不要夹住阴影。如果阴影仍被切断，您可以在触摸式上添加一些额外的填充物或边距。例如： <View style={{ padding: 20, // Make sure no overflow clipping overflow: 'visible' }}> ... </View> 动物和iOS阴影近combine 如果您希望组件在两个平台上看起来都一样，则需要高程（对于Android）和阴影属性（对于iOS）。组合样式可能看起来像： style={{ backgroundColor: theme.colors.gold, width: 150, height: 150, borderRadius: 75, // half of width/height elevation: 5, // Android shadow shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3, shadowRadius: 3.84, }} 在真实设备和仿真器上进行测试拍子在各种设备上看起来都不同。在实际的Android设备和iOS模拟器（或设备）上测试总是很好，以确保外观与您的期望一致。总而言之，使用Borderradius等于宽度/高度的一半，将iOS阴影道具与Android高程样式相结合，并确保您的父装容器不会夹住阴影。这应该给您一个漂亮的圆形阴影，可以平稳地缠绕您的触摸性，而不会被切断。希望这可以帮助您获得完美的圆形按钮，并带有漂亮的阴影！

react-native shadow border-radius

回答 1 投票 0

如何防止截面标题继承列表视图的阴影？

swift list inheritance swiftui shadow

回答 1 投票 0

swiftui：如何防止截面标题继承列表视图的阴影？

我有一个swiftui列表，每行下面都有一个阴影，以添加3D外观。虽然行看起来很棒，但截面标题文本似乎从列表中继承了阴影，我没有任何...

swift list inheritance swiftui shadow

回答 1 投票 0

我如何在QT中的小部件下画一个阴影？我想知道我将如何在Qt中的小部件（不是主要小部件）下画一个阴影。我会使用样式表，还是我（在C ++中）编码它？

，您有一个表格和一个标签，您想从中抛出阴影。

c++ qt user-interface widget shadow