正文 

当前位置： 首页 > 问答 >

为按钮添加边框和阴影

     2023-03-12     160

关键词：

【中文标题】为按钮添加边框和阴影【英文标题】：Add border and shadow to the buttons 【发布时间】：2011-10-27 23:03:53 【问题描述】：

我想为我在 iPad 应用程序中添加的按钮添加中等粗的黑色边框和阴影。我已经将这些按钮作为自定义按钮，因为我在它们上应用了图像。如何为 ht 添加边框和阴影

【问题讨论】：

【参考方案1】：

添加阴影和边框很简单。

1) 将 QuartzCore 框架添加到您的目标。 2）在要添加边框和阴影的类中导入框架标题。 （或者，如果您有按钮的自定义类，那么您可以在该类中简单地导入此框架。） 3) 要为按钮添加边框，请使用此代码（其中button 是与界面中的按钮连接的IBOutlet）：

[self.button.layer setBorderWidth:3.0];
[self.button.layer setBorderColor:[[UIColor blackColor] CGColor]];

4) 要为按钮添加阴影，请使用以下代码：

[self.button.layer setShadowOffset:CGSizeMake(5, 5)];
[self.button.layer setShadowColor:[[UIColor blackColor] CGColor]];
[self.button.layer setShadowOpacity:0.5];

您可以调整这些值，看看它会如何影响行为。

【讨论】：

嘿，arslan，谢谢哥们，您的代码有效。我只需要做一些小的改动。我还想知道一件事。最初我的按钮有圆角，在使用您的代码应用边框后，角不再圆角。那么我怎样才能让它们像最初一样圆润。关于电脑 @PrateekChaubey 很高兴知道它对您有所帮助:) ...是的，您可以使用以下代码将边框的角设置为圆形矩形[self.button.layer setCornerRadius:5.0]; 我使用自定义 UIButton 类 'UIDictButton'。并使用代码自定义我的按钮，但没有 shadow.only 边框。 @Arsian 如果您设置cornerRadius 可能是您应该将 maskbouds 设置为 YES。 @frank。你能分享你用来为你的按钮添加阴影的代码吗？您必须使用 shadowOffSet 值才能获得所需的结果。 你好 Arslan，你知道如何在 Mac 应用程序中使用 NSButton 吗？【参考方案2】：

如果你在 Cocoa 中，你可以使用 NSView 的 setShadow。 （NSView 是 NSButton 的祖先。）我没有看到 UIView 的等效方法，所以我认为在 iOS 中没有任何简单的方法可以做到这一点。想想看，我认为我没有在 iOS 应用程序中看到过这种效果。

但既然您使用的是自定义按钮图像，为什么不准备包含阴影和边框的图像呢？

【讨论】：

好吧，我的设计师没有为我提供包含边框的图像。我让他给我新的图像，但现在我的经理说他不会给我新的图像。我必须自己应用边框和阴影。

带边框和阴影的圆形按钮

】带边框和阴影的圆形按钮【英文标题】：Roundbuttonwithborderandshadow【发布时间】：2019-06-0408:45:02【问题描述】：创建一个按钮（如图片中的那个）的最佳方法是什么？我试过了：self.button.layer.shadowColor=UIColor.redColor.CGColor;self.button... 查看详情

如何在 Swift 中为导航栏添加阴影并隐藏边框？

】如何在Swift中为导航栏添加阴影并隐藏边框？【英文标题】：HowtoaddshadowtonavigationbarandhideborderinSwift?【发布时间】：2020-09-1811:00:43【问题描述】：我目前正在使用以下代码向导航栏添加阴影：self.navigationController?.navigationBar.layer.... 查看详情

Flutter：如何修复并为轮廓按钮添加边框和颜色？

】Flutter：如何修复并为轮廓按钮添加边框和颜色？【英文标题】：Flutter:Howtofixandaddaborderandcolortooutlinedbutton?【发布时间】：2021-09-0918:00:51【问题描述】：谁能告诉我为什么我的代码没有将边框设为蓝色，而是让它的宽度为3.0？... 查看详情

imageview添加阴影和边框

 注意：大量设置阴影会造成卡顿！！！用上这句之后流畅度大大增加：imageV.layer.shouldRasterize=YES;例：    //设置阴影    imageV.layer.shadowOffset=CGSizeMake(4,0);    imageV.l 查看详情

hbuilder那个属性可以为div元素添加阴影边框

脆弱男孩关注css如何对上边框加阴影,CSS怎么添加阴影边框？转载2021-08-0323:51:29脆弱男孩码龄3年关注css怎么设置边框阴影？很多人遇到这类问题都不知道怎么处理，其实利用css加阴影边框是很简单的。在CSS中可以使用... 查看详情

如何同时向 UIView 添加顶角、顶边框和顶阴影

】如何同时向UIView添加顶角、顶边框和顶阴影【英文标题】：Howtoaddtopcorners,topborderandtopshadowtoaUIViewatthesametime【发布时间】：2016-05-1608:18:02【问题描述】：我需要在UIView上添加几种效果，使其左上角和右上角圆角，圆角曲线上有... 查看详情

flash按钮的阴影效果如何做

我在FLASHSTAGE上有个长方形按钮，我希望给这个按钮加上阴影，让按钮显得具有立体感，请问应该如何做呢在按钮编辑模式下，选中里面的长方形形状，按F8转成影片剪辑，在滤镜面板中添加投影。第二种方法：1.绘制带边框的长... 查看详情

如何在圆形imageView android上添加阴影和边框？

】如何在圆形imageViewandroid上添加阴影和边框？【英文标题】：HowtoaddashadowandaborderoncircularimageViewandroid?【发布时间】：2013-07-1309:04:14【问题描述】：我用这个问题创建了一个CircularImageView：Createcircularimageviewinandroid在GitHub上下载项... 查看详情

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

】SwiftUI：为按钮的文本添加阴影【英文标题】：SwiftUI:AddshadowtoButton\'stext【发布时间】：2021-02-0305:32:05【问题描述】：我有一个按钮样式，我需要使用这种样式为文本添加阴影。我想做的是：structA:ButtonStylefuncmakeBody(configuration:Co... 查看详情

uniapp开发如何给边框添加阴影效果(代码片段)

css的box-shadow是用来添加边框阴影效果的。属性值详解：1、inset可选值，默认阴影在盒子外使用inset后，阴影在盒子内，即使指定边框或者透明边框，阴影依然存在。2、这是头两个值，用来设置阴影偏移量。offset-x为设置阴影的水... 查看详情

使用颤振向 ClipRRect 添加阴影和彩色边框的最佳方法

】使用颤振向ClipRRect添加阴影和彩色边框的最佳方法【英文标题】：BestwaytoaddashadowandcoloredbordertoClipRRectusingflutter【发布时间】：2020-08-1801:47:33【问题描述】：我有一个简单的ClipRRect小部件，如下所示：@overrideWidgetbuild(BuildContextco... 查看详情

Fullcalendar 删除按钮边框/阴影

】Fullcalendar删除按钮边框/阴影【英文标题】：Fullcalendarremovebuttonsborders/shadow【发布时间】：2022-01-0119:59:30【问题描述】：我尝试删除FullcalendarButtons边框。.fc-buttonborder:0px!important;但是当我点击它时，会出现一个新的边框：并且没... 查看详情

有没有一种简单的方法可以为 Kivy 按钮添加边框

】有没有一种简单的方法可以为Kivy按钮添加边框【英文标题】：IsthereasimplewaytoaddabordertoKivyButtons【发布时间】：2019-02-1800:42:03【问题描述】：我正在使用python-2.7和kivy。有人可以告诉我如何为kivy按钮添加不同颜色的边框。test.pyf... 查看详情

如何为我的 UIImageView 创建白色边框和黑色阴影？

...入#import<QuartzCore/QuartzCore.h>并确保您已将QuartzCore框架添加到您的项目中。然后添加边框[imageVi 查看详情

为数字键盘中的按钮添加边框并在空白处添加 + 符号

】为数字键盘中的按钮添加边框并在空白处添加+符号【英文标题】：Addingborderstobuttoninnumberpad&add+signonemptyspace【发布时间】：2015-01-2019:00:58【问题描述】：所以我一直在环顾四周并尝试不同的代码，但我无法真正实现我想要... 查看详情

css3边框阴影box-shadow

box-shadow是向盒子添加阴影。支持添加一个或者多个。box-shadow:X轴偏移量Y轴偏移量[阴影模糊半径][阴影扩展半径][阴影颜色][投影方式];参数介绍： box-shadow:h-shadowv-shadowblurspreadcolorinset;h-shadow：水平阴影的偏移值，必需，可以... 查看详情

csscss-css3safari样式工具栏按钮圆角框阴影按下边框半径为moz，firefox，khtml(代码片段)

查看详情

怎么去掉按钮的边框?

参考技术A问题一：css中如何去掉button（按钮）的边框可以这样写：.ha_borborder:1px#ff0000solid;把这个样式赋到你的input里即可，当然，border内的值是可以改的。有不懂可以HI我，我乐意帮助你！问题二：css点击按钮之后出现边框怎么... 查看详情