正文 

当前位置： 首页 > 源码 >

SwiftUI：为按钮的文本添加阴影

     2023-02-24     114

关键词：

【中文标题】SwiftUI：为按钮的文本添加阴影【英文标题】：SwiftUI: Add shadow to Button's text 【发布时间】：2021-02-03 05:32:05 【问题描述】：

我有一个按钮样式，我需要使用这种样式为文本添加阴影。我想做的是：

struct A: ButtonStyle 
    func makeBody(configuration: Configuration) -> some View 
        configuration
            .label
            .shadow()

但是由于某种原因阴影不存在，是我做错了吗？

【问题讨论】：

谢谢你们，我做错了是我使用了 20 的半径，所以我肯定能看到它，但它使阴影变得如此透明，我根本看不到它） P.S.我省略了 shadow() 参数以不妨碍案例的简单性，但我看到这是我的失败，对不起 【参考方案1】：

至少，您缺少radius 参数。但是，即使那样，它也会很微妙。如果你给它一些更多的信息，你可以让它更明显，然后根据你的需要进行调整：

.shadow(color: .pink, radius: 4, x: 5, y: 5)

【讨论】：

【参考方案2】：

你错过了阴影颜色和半径

struct FilledButton: ButtonStyle 
   func makeBody(configuration: Configuration) -> some View 
       configuration
         .label
         .shadow(color: .green, radius: 1
                , x: 1.5, y: 1.5)

然后，在你的身体里使用它

var body: some View 
    Button("Button 1") 
        .buttonStyle(FilledButton())

这是输出

【讨论】：

SwiftUI - 在按钮单击时添加一行多个文本字段/视图

】SwiftUI-在按钮单击时添加一行多个文本字段/视图【英文标题】：SwiftUI-AddarowofmultipleTextfields/Viewsonbuttonclick【发布时间】：2021-11-0601:06:25【问题描述】：我正在使用SwiftUI构建一个功能，用户可以单击一个按钮来创建行，并且每... 查看详情

为按钮添加边框和阴影

】为按钮添加边框和阴影【英文标题】：Addborderandshadowtothebuttons【发布时间】：2011-10-2723:03:53【问题描述】：我想为我在iPad应用程序中添加的按钮添加中等粗的黑色边框和阴影。我已经将这些按钮作为自定义按钮，因为我在它... 查看详情

如何在 SwiftUI 中给 UIButton 一个渐变并给该按钮一个具有相同渐变的底部阴影？

】如何在SwiftUI中给UIButton一个渐变并给该按钮一个具有相同渐变的底部阴影？【英文标题】：HowdoyougiveaUIButtonagradientandgivethatbuttonabottomshadowwiththatsamegradientinSwiftUI?【发布时间】：2019-06-0918:38:35【问题描述】：所以我的设计师朋友... 查看详情

SwiftUI，列表行添加按钮

】SwiftUI，列表行添加按钮【英文标题】：SwiftUI,ListRowAddButton【发布时间】：2021-01-0519:57:51【问题描述】：在编辑模式下，当您为该行添加“.onDelete”时，带有减号的红色圆圈会显示为这张照片我想在编辑模式下显示一个带有加... 查看详情

如何在 Flutter 中为文本添加阴影

】如何在Flutter中为文本添加阴影【英文标题】：HowtoaddshadowstoTextinFlutter【发布时间】：2019-09-0707:34:36【问题描述】：如何为文本添加阴影。TextStyle下还有一个shadows属性。如果您可以包含其实施示例，将会很有帮助【问题讨论】... 查看详情

动画 SwiftUI 文本编辑器文本

】动画SwiftUI文本编辑器文本【英文标题】：AnimateSwiftUITextEditorText【发布时间】：2020-10-2505:26:18【问题描述】：我想添加动画，以便当我单击按钮时，我的TextEditor（在iOS14中）中的文本会慢慢淡出（假设持续时间为1.5）。这是我... 查看详情

IOS给UIButton添加阴影

...ton【发布时间】：2018-03-0418:43:28【问题描述】：我试图向按钮添加阴影，但阴影被添加到按钮的文本而不是整个按钮：我需要使用代码来实现吗？还是尺码问题？我可以在情节提要上添加阴影大小，但如果它应该绕过按钮，我看... 查看详情

如何在 PHP 的 GD 库中为文本添加发光或阴影？ [关闭]

】如何在PHP的GD库中为文本添加发光或阴影？[关闭]【英文标题】：HowcanIaddgloworashadowtotextinPHP\'sGDlibrary?[closed]【发布时间】：2013-03-2003:53:47【问题描述】：是否可以在GD中为文本添加发光或阴影？目前我正在使用imagettftext函数。... 查看详情

在 uibutton 上应用阴影使按钮文本模糊

】在uibutton上应用阴影使按钮文本模糊【英文标题】：ApplyingshadowonuibuttonMakesthebuttontextblury【发布时间】：2016-06-0610:56:32【问题描述】：这是我在使用.XIB文件创建的uibutton上添加阴影的代码UIBezierPath*shadowPathEndbtn=[UIBezierPathbezierPath... 查看详情

swiftui4.0在ios16中新添加的inner和drop阴影效果(代码片段)

概览在iOS16中，SwiftUI又为视图添加了几种阴影，其中就包括inner和drop两种阴影特效。如上图所示，我们在iOS16中应用了几种不同阴影效果。下面，就让我们来看看，究竟如何实现它们吧？😉1.inner阴影在... 查看详情

swiftui4.0在ios16中新添加的inner和drop阴影效果(代码片段)

概览在iOS16中，SwiftUI又为视图添加了几种阴影，其中就包括inner和drop两种阴影特效。如上图所示，我们在iOS16中应用了几种不同阴影效果。下面，就让我们来看看，究竟如何实现它们吧？😉1.inner阴影在... 查看详情

如何在 SwiftUI 的按钮中添加导航按钮链接？

】如何在SwiftUI的按钮中添加导航按钮链接？【英文标题】：HowtoaddnavigationbuttonlinkinbuttoninSwiftUI?【发布时间】：2021-02-0506:06:55【问题描述】：我想使用按钮导航到详细信息屏幕。这些按钮被设计在一个单独的视图中，并被称为Usin... 查看详情

更改布尔值时无法在 SwiftUI 中更改按钮文本

】更改布尔值时无法在SwiftUI中更改按钮文本【英文标题】：UnabletogetbuttontexttochangeinSwiftUIwhenchangingbooleanvalue【发布时间】：2019-09-0914:38:59【问题描述】：我想要一个按钮，单击该按钮会切换布尔值并更改按钮的文本。通过使用打... 查看详情

如何在 SwiftUI 中添加与内容重叠的按钮上方的渐变？ iOS 13

】如何在SwiftUI中添加与内容重叠的按钮上方的渐变？iOS13【英文标题】：HowtoaddagradientabovebuttoninSwiftUIthatisoverlappingthecontent?iOS13【发布时间】：2021-12-2809:45:42【问题描述】：我必须在按钮上方添加一个渐变，以在按钮上方的文本... 查看详情

为文本添加白色阴影

HereishowyouaddashadowtoaUILabelontheiPhone.lcd_title.text=song.title;  //Addwhiteshadowtothetext lcd_title.shadowColor=[UIColorwhiteColor]; lcd_title.shadowOffset=CGSizeMake(1.0,1.0); 查看详情

iOS/iPhone 应用似乎为我的文本添加了颜色遮罩/颜色阴影

】iOS/iPhone应用似乎为我的文本添加了颜色遮罩/颜色阴影【英文标题】：iOS/iPhoneappseemstoaddacolormask/colorshadetomytext【发布时间】：2015-07-3116:00:22【问题描述】：我在iPhone应用程序屏幕上有一些彩色图像和相同颜色的文本。图像按预... 查看详情

SwiftUI：列表中的中心按钮文本

】SwiftUI：列表中的中心按钮文本【英文标题】：SwiftUI:CenterbuttontextinList【发布时间】：2021-09-2815:34:39【问题描述】：如果按钮位于列表中，是否可以将按钮文本居中？structHomeView:Viewvarbody:someViewListForEach(["1","2"],id:\\.self)Text("\\($0)... 查看详情

Swiftui：如何更改文本字段键盘返回按钮的文本和颜色

】Swiftui：如何更改文本字段键盘返回按钮的文本和颜色【英文标题】：Swiftui:Howtochangethetextandcoloroftextfieldkeyboardreturnbutton【发布时间】：2020-09-0800:16:16【问题描述】：在swiftui中使用Texfield时，是否可以自定义用户点击文本字段时... 查看详情