如图所示,为Android和iOS(SwiftUI)制作带有向内阴影的UI
我正在尝试构建一个应用程序,希望构建一个具有向内阴影效果的视图,如图所示。我想在Android和iOS(SwiftUI)上都这么做如图所示,为Android和iOS(SwiftUI)制作带有向内阴影的UI,android,swift,user-interface,swiftui,dropshadoweffect,Android,Swift,User Interface,Swiftui,Dropshadoweffect,我正在尝试构建一个应用程序,希望构建一个具有向内阴影效果的视图,如图所示。我想在Android和iOS(SwiftUI)上都这么做 目前,在SwiftUI中,仅可对选定和非选定状态使用不同的图像 下面是实现这一点的方法演示 因此,有两组图标(平面和压入)可以达到所需的效果。或者,当然,您可以在代码中生成具有所需“压入”效果的图像,比如使用CoreGraphics、Layers等。但最后它需要的只是图像。目前,在SwiftUI中,可以仅对选定和未选定状态使用不同的图像 下面是实现这一点的方法演示
目前,在SwiftUI中,仅可对选定和非选定状态使用不同的图像 下面是实现这一点的方法演示
因此,有两组图标(平面和压入)可以达到所需的效果。或者,当然,您可以在代码中生成具有所需“压入”效果的图像,比如使用CoreGraphics、Layers等。但最后它需要的只是图像。目前,在SwiftUI中,可以仅对选定和未选定状态使用不同的图像 下面是实现这一点的方法演示
因此,有两组图标(平面和压入)可以达到所需的效果。当然,您也可以在代码中生成具有所需“压入”效果的图像,例如使用CoreGraphics、Layers、,等等,但最后它需要的只是图像。你可以在脑海中创建一个自定义背景,然后只要用户按下按钮,就改变按钮的背景以反映阴影背景,因为它是自定义的,所以你也可以做你喜欢的形状和深度 您通常会保持图标/按钮平直,对吗?然后,当按下/选择/激活时,只需将背景更改为此,以显示选中背景的重点
这与上述答案中的方法几乎相似。您可以在脑海中创建一个自定义背景,然后只要用户按下按钮,就可以更改按钮的背景以反映阴影背景,由于它的习惯,你可以做你喜欢的形状和你喜欢的深度 您通常会保持图标/按钮平直,对吗?然后,当按下/选择/激活时,只需将背景更改为此,以显示选中背景的重点
这与上面答案中的方法几乎相似。我认为在SwiftUI中不可能对TabBar项执行此操作。正如我所知,目前SwiftUI中的TabBar不是那么可配置的,也不一定是TabBar,我想在普通视图中使用这种效果。在Android和iOS(Swift UI)中,我认为在SwiftUI中不可能对TabBar项执行操作。正如我所知,目前SwiftUI中的TabBar不是那么可配置的,也不一定是TabBar,我想在普通视图中使用这种效果。在Android和iOS(Swift UI)中,我都希望在普通视图中使用这种向内阴影效果。在Android和iOS(Swift UI)@SuhasG中,我理解,但没有默认支持的方式。好的,谢谢@AsperiI想要在正常视图中使用向内阴影效果。Android和iOS(Swift UI)@SuhasG,我理解,但没有默认支持的方式。好的,谢谢@Asperi
struct TestSelectedTabs: View {
@State var selectedTab = 1
var body: some View {
TabView(selection: $selectedTab){
Text("One")
.tabItem {
Image(systemName: selectedTab == 0 ? "printer.fill" : "printer")
Text("Print")
}.tag(0)
Text("Two")
.tabItem {
Image(systemName: selectedTab == 1 ? "tv.fill" : "tv")
Text("Show")
}.tag(1)
}
}
}