开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何创建UIButton以显示与UIBarButtonItem相同的效果？

要创建一个UIButton以显示与UIBarButtonItem相同的效果，您需要遵循以下步骤：

创建一个UIButton实例：

let customButton = UIButton(type: .system)

设置UIButton的标题和样式：

customButton.setTitle("Button Title", for: .normal)
customButton.titleLabel?.font = UIFont.systemFont(ofSize: 17)

设置UIButton的背景颜色和边框：

customButton.backgroundColor = UIColor.clear
customButton.layer.borderWidth = 1
customButton.layer.borderColor = UIColor.lightGray.cgColor

设置UIButton的内边距：

customButton.contentEdgeInsets = UIEdgeInsets(top: 8, left: 16, bottom: 8, right: 16)

添加点击事件处理程序：

customButton.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)

实现点击事件处理程序：

@objc func buttonTapped() {
    print("Custom UIButton tapped")
}

将UIButton添加到视图中：

view.addSubview(customButton)

设置UIButton的约束：

customButton.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    customButton.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 16),
    customButton.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -16)
])

现在，您已经创建了一个UIButton，它具有与UIBarButtonItem相同的效果。您可以根据需要自定义其外观和行为。

相关搜索:Power BI -以相同的视觉效果显示基于两个维度的值 SpriteKit:如何创建与设备屏幕大小相同的区域？tensorflow:如何创建与占位符形状相同的常量张量以与周围环境相同的字体大小显示等宽字体以与残缺错误消息相同的样式显示验证错误如何为列表中的项目创建突出显示效果？如何使用puppeteer创建与页面完全相同的PDF？如何使用signalR创建与linkedIn相同的聊天功能如何创建SQL视图以显示未预订的房间如何创建与AdvancedDrawItem风格相同的tMenuItem？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

如何彻底删除Oracle数据库，以创建相同实例名称的库

今天建库时选择了OMF方式，结果文件名称采用Oracle自动命名的方式，看不懂啊，于是乎决定删除再重建。 Oracle提供了删除数据库的指令：drop database。...但再次执行dbca，企图创建相同实例的库时报错： ? 虽然和bisal实例关联的数据文件、日志文件等已经物理删除了，但和这实例相关的配置文件没有删除，因此不能再次创建相同实例的库。...此时需要手工删除实例相关的配置： 1、删除$ORACLE_BASE/admin/$ORACLE_SID所有目录。...3、删除/etc/oratab中和实例相关的部分。 4、可以在$ORACLE_HOME中执行find . -name bisal，删除所有和实例相关的文件。...再次执行dbca，就可以创建相同实例名称的数据库了。

3.5K3 0

【iOS开发-22】navigationBar导航栏，navigationItem建立：获取导航栏中的基本文本和button以及各种跳跃

，都能实现效果。...步骤就是创建一个UIBarButtonItem对象，然后直接把这个对象赋值给self.navigationItem.leftBarButtonItem或者右边的。...我们当然也能够利用自己创建的导航条button来覆盖原来导航控制器产生的默认的button，如“<Back”。相同。...button //先实例化创建一个UIBarButtonItem，然后把这个button赋值给self.navigationItem.leftBarButtonItem就可以 //初始化文字的...后者被赋值一个UIBarButtonItem对象，所以仅仅能显示一个 //显示顺序，左边：按数组顺序从左向右；右边：按数组顺序从右向左 //能够初始化成系统自带的一些barButton，

2.3K1 0

【iOS 开发】基本 UI 控件详解 (UIButton | UITextField | UITextView | UISwitch)

UIButton 就是这种控件; -- 静态控件 : 继承了 UIView 基类, 该类控件与用户之间不能交互, 之前使用的 UILabel 就是这种控件; -- 被动控件 : 该类控件可以接受用户操作..., 默认按钮, 效果如下 : -- Detail Disclosure : i 图标, 常用与显示列表详情, 效果如下 : -- Info Light | Info Dark : 显示 i 图标..., 显示简短的说明信息, 效果如下 : -- Add Contact : 显示 + 按钮, 常用于添加内容, 效果如图 : (2) State Config 属性 UIButton 状态 : 每种状态都可以设置不同的...按钮示例 (1) 创建 Detail Disclosure 按钮创建 Detail Disclosure 按钮 : UIButton 的 Type 属性类型是 Detail Disclosure;...(2) 创建 Add Contact 按钮创建 Add Contact 按钮 : 设置 UIButton 的 Type 属性类型是 Add Contact; (3) 创建 Info Light |

6.6K2 0

iOS键盘、选取器上的工具栏

在键盘上添加收起按钮先看看效果：可以看到，在键盘上面有一条工具栏，最左边有一个小图标，是键盘形状的，点击那个图标后，就会收起键盘，这个按钮并不是自带的，是我添加上去的。...在选取器上添加取消、完成按钮还是先来看看效果再说：这里下面是一个选择省市区的三级选取器，选取器上方有两个按钮，一个是取消，一个是完成。...其实实现思路跟上面的大体相同，还是添加一个工具栏上去，因为这也是一个textfield，我们还是要将工具栏作为它的inputAccessoryView。不过这次我们换一种实现方式。...上面我们是将一个tooBar作为inputAccessoryView，这就是另一种实现方式，不使用delegate，单独创建一个UIToolBar，直接设置上去，这个toolbar的样式与功能和键盘的工具栏是不一样的...，还记得上面的delegate中设置了一下只有当不是选取器的textfield时才显示键盘的工具栏吗，如果不判断一下，两个工具栏会冲突，结果就是什么都不显示，创建工具栏的代码如下： // 工具栏按钮 -

1.4K1 0

UINavigationBar的用法

特别的解释下UIImage的imageWithRenderingMode:方法，参数UIImageRenderingModeAlwaysOriginal 表示总是用原图渲染，如果不这么设置，返回按钮将会显示...我们自己设置返回按钮，会导致系统的侧滑关闭效果失效。添加上面代码中最后一句代码即可修复。...仅仅设置返回按钮的文字 - (void)setBackButtonTitle { UIBarButtonItem *leftButton = [[UIBarButtonItem alloc] initWithTitle...setCustomLeftButton { UIView* leftButtonView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 60, 40)]; UIButton...* leftButton = [UIButton buttonWithType:UIButtonTypeSystem]; leftButton.backgroundColor = [UIColor

2K2 0

【IOS 开发】基本 UI 控件详解 (UIDatePicker | UIPickerView | UIStepper | UIWebView | UIToolBar )

//创建 UIPickerView 列表中显示的字符串集合 array = [NSArray arrayWithObjects:@"知春路", @"五道口", @"上地", @"西二旗", @"...关联逻辑是开发者自己使用逻辑实现的, 与上面的示例代码没有本质区别, 使用的还是相同的一套 API; -- 界面设计文件 : -- OCViewController.h : // // OCViewController.h...)]; [self.view addSubview:toolBar]; //创建文字的控件按钮 UIBarButtonItem * bi1 = [[UIBarButtonItem...target:self action:@selector(clickCodeItem:)]; //创建固定长度的空白 UIBarButtonItem * bi4 = [[UIBarButtonItem...* bi5 = [[UIBarButtonItem alloc] initWithCustomView:progress]; //将上面创建的按钮添加到工具条中 toolBar.items

4.2K4 0

六天完成一个简单iOS App - 第一天

info信息其中Bundle name是应用的名称，默认与项目名称相同，可以更改。...UINavigationControlller 设置左右UIbarbuttonitem代码的抽取我们发现每一个UINavigationControlller根控制器中都需要写一大段相同的代码来设置UIbarbuttonite...在OC文件中会引用防止OC与C混编的时候引起错误 **/ #import "UIView+CLExtension.h" #import "UIBarButtonItem+CLExtension.h"...当分类中有和本类中同名的方法的时候，优先调用分类的方法，如果多个分类中有相同的方法，优先调用最后编译的分类。 5....总结今天的任务已经完成，我们完成了环境的配置，主框架的搭建，以及对一些繁琐重复的代码做了简单整理。第一天效果如下 ? 第一天效果 ---- 文中如果有不对的地方欢迎指出。

1.1K5 0

ios 开发常用技巧

1.TableView不显示没内容的Cell怎么办?...self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithImage:img style:UIBarButtonItemStylePlain...beginUpdates]; [self.tableView endUpdates]; 7.禁用button高亮 button.adjustsImageWhenHighlighted = NO; 或者在创建的时候...UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; 8.画水印 // 画水印 - (void) setImage:(UIImage...cell.selectionStyle = UITableViewCellSelectionStyleNone; 10.cell点按效果 - (void)tableView:(UITableView

5883 0

demo1 动态显示view或弹框动态隐藏view或弹框

点击弹框的周围区域也可以关闭按钮。点击上边的隐藏弹框也可以关闭按钮。在实现功能的基础上，以动画的形式展示跟隐藏。思路：在之前的开发中，我的思路比较局限。...效果猛一看是可以实现，但是这个关闭按钮的点击事件，却不怎么好使，因为按钮有一部分超出了view的界限，于是，点击起来就不太好使。遇见问题，解决问题。于是我就转换了一种思路。...设置这个view的背景为半透明，透明度可以是0.5 或者是任意0-1之间的数值，具体看你想要的效果。...initWithFrame:frame]) { [self createUI]; } return self; } - (void)createUI{ //1.创建一个...= CGAffineTransformIdentity; }]; }]; }else{ sender.title = @"点击显示

9985 0

demo1 动态显示view或弹框动态隐藏view或弹框

点击弹框的周围区域也可以关闭按钮。点击上边的隐藏弹框也可以关闭按钮。　　在实现功能的基础上，以动画的形式展示跟隐藏。思路：在之前的开发中，我的思路比较局限。...效果猛一看是可以实现，但是这个关闭按钮的点击事件，却不怎么好使，因为按钮有一部分超出了view的界限，于是，点击起来就不太好使。遇见问题，解决问题。于是我就转换了一种思路。...设置这个view的背景为半透明，透明度可以是0.5 或者是任意0-1之间的数值，具体看你想要的效果。...initWithFrame:frame]) { [self createUI]; } return self; } - (void)createUI{ //1.创建一个...= CGAffineTransformIdentity; }]; }]; }else{ sender.title = @"点击显示

1.1K7 0

iOS学习—— UINavigationController的返回按钮与侧滑返回手势的研究

之前在网上搜过有关侧滑手势的技术博客，发现大多比较散乱，甚至有很多都是简单的粘贴复制，并不全面。侧滑返回的操作效果与左上角的back按钮是一样的，所以一起放在这里进行探讨。...如果一个页面上有多个手势，我们要如何去获取策划手势，并对其进行操作呢？...原生的导航条上的返回（back）按钮，一般是显示一个返回箭头+上一页面的标题（或者是返回箭头+Back），如下图右边所示。 ?...他们都属于UINavigationItem的组成部分，都显示在navigationBar上，都属于UIBarButtonItem类，所以我给他们取名为导航条上的按钮三兄弟，哈哈哈。。。　　...UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom]; //对按钮的个性化设定 UIBarButtonItem *barItem

6.6K6 0

iOS开发之微信聊天工具栏的封装

聊天工具条还是比较复杂的，其中包括发送表情，发送文字，发送图片，发送声音，拍照等等功能，下面给出发送录音，文字，表情的代码，其他的和这几样类似。还是那句话百字不如一图，先来几张效果图吧。 ? ?...在封装聊天工具条的的时候表情键盘是之前封装好的（请参考：“iOS开发之自定义表情键盘(组件封装与自动布局)”），所以拿过来就可以用的啦。...因为不管是工具条还是表情键盘都是用约束来控件大小的，所以横屏也是没问题的，在大屏手机上也是没问题的。下面将会一步步讲解如何封装下面的聊天工具条。主要是对工具条的封装，表情键盘在这就不做讲解了。...:UIBarButtonSystemItemFlexibleSpace target:nil action:nil]; 9 UIBarButtonItem * item3 = [[UIBarButtonItem...，至于在Controller中如何使用他来发送消息，如何定义聊天Cell,如何处理录音文件，聊天时的气泡是如何实现的等功能，在以后的博客中会继续讲解，希望大家继续关注。

2.5K8 0

iOS开发之新浪微博山寨版代码优化

为了减少代码的重复编写把cell中相同的部分抽象成父类，然后继承。不过也是结合着storyboard做的。在优化时转发的View和评论的View相似，于是就做了个重用。...在原来的代码上就把cell的代码进行了重写，所以本篇作为补充，关键代码还得看之前的博客。　　1.第一种cell,只有微博内容，没有图片，效果如下： ? 　　...就简单多了，可以继承与上面的cell ? 　　...1000) options:NSStringDrawingUsesLineFragmentOrigin attributes:dic1 context:nil]; 22 23 //创建新的约束...，效果如下： ?

6979 0

React-Native组件之 Navigator和NavigatorIOS

对于app而言，一款应用往往涉及到很多的页面，而页面之间的跳转Android和iOS实现也各不相同。...Navigator 与 NavigatorIOS 在移动开发过程中，几乎所有的APP中或多或少都会涉及到多个界面间的切换，在React Native中有两个组件负责实现这样的效果 —— Navigator...将会使用route和routeStack参数调用，route代表导航当前显示的页面，routeStack是导航当前展示的route集合； Navigator使用 1，首先，创建2个组件（home、Temp...要实现上面的效果，需要三个文件：第一个页面，第二个页面和一个控制跳转的JS。...不指定此属性时，手势会根据 navigationBar 的显隐情况决定是否启用（显示时启用手势，隐藏时禁用手势），指定此属性后，手势与 navigationBar 的显隐情况无关 NavigatorIOS

4.5K7 0

iOS开发之自定义表情键盘(组件封装与自动布局)

下面的东西是编写自定义的表情键盘，话不多说，开门见山吧！下面主要用到的知识有MVC, iOS开发中的自动布局，自定义组件的封装与使用，Block回调，CoreData的使用。...下面将会介绍我们如何用上面提到的东西来定义我们的表情键盘。下面的内容会比较多，这篇博文还是比较有料的。　　...上面是文件的组织结构，下面为了更为直观的了解我们想要的效果，下面先看几张截图，来直观的感受一下运行效果，上面是竖屏的显示效果，下面是横屏的显示效果。...,在.h中留有组件的接口和回调用的Block, plistFileName用于加载我们的资源文件时使用，至于如何使用plist文件，请参考之前的博客：IOS开发之显示微博表情 1 // 2 //...，在做的时候感觉难点在于如何进行屏幕适配，尤其是当屏幕横过来的时候键盘的坐标系和我们frame的坐标系不同，得做一个转换。

1.8K10 0

ios入门之界面基础

学习移动app开发，我们常常从讲解基本的控件开始，如UILabel、UISearchBar、UIButton、UITextField等等。...如： self.title =@"登录"; Table View Table views是用来显示滚动视图的控件，滚动视图是iOS Apps中最常见的用户界面。...这个协议包括组的数量，美组中行的数量，以及cell如何展现。...苹果公司增加了一个警告注释，说如果组的个数是零，那么就不会显示行，组包含行cell，没有了组section，行cell也就不会被显示出来。...先创建一个按钮，代码如下： UIButton * button=[UIButton buttonWithType:UIButtonTypeSystem]; button.frame=CGRectMake

1.7K8 0

IOS开发之TabBarItem&NavigationBarItem

"工欲善其事，必先利其器"，下面主要是对storyboard来进行我们项目框架的搭建的，必要时，用代码实现我们的页面效果。...下面将会结合一个实际的效果来简单的介绍一下TabBar和NavigationBar, 然后说一下用我们的storyboard和纯代码如何配置我们的NavigationBar, 上一篇博客中提到了如何用Navigation...，如UIButton等，代码如下： //设置title的值 self.navigationItem.title = @"END"; //用给titleView设置图片...在我们的storyboard中只需要把Hide Bottom Bar on push选中即可，选中之后我们切换到该页面时，就不会显示Tab Bar了，如下图所示。 ? 　　...上面的Project用storyboard配置好以及实现相应的代码，运行效果如下： ?

1.4K8 0

iOS小技能：右滑返回

先来看看QMUI如何实现实现右滑返回？...下方的IMP其实就是Implementation的方法缩写，获取到相应的方法实现后，然后再调用class_addMethod()方法将IMP与SEL进行绑定即可。...WKPreferences *preference = [[WKPreferences alloc]init]; //最小字体大小当将javaScriptEnabled属性设置为NO时，可以看到明显的效果...alloc] initWithDelegate:self]; //这个类主要用来做native与JavaScript的交互管理 WKUserContentController.../article/details/77675855 -(void) setuprightBtn{ UIButton *rightBtn = [UIButton buttonWithType

2.2K3 0

Swift-MVVM 简单演练(一)

，给中间留出一个+按钮的位置自定义一个UIButton的分类HQButton+Extension，封装快速创建自定义按钮的方法 HQButton.swift extension UIButton {...有一些系统的样式本身处理的不好，比如侧滑返回的时候，系统的会出现渐溶的效果，这种用户体验不太好需要解决push出一个控制器后，底部TabBar隐藏/显示问题 Push 出控制器后，底部 TabBar...，当改动某一处的代码时候，尽量对原有代码做尽可能小的改动之前我们已经设置好leftbarButtonItem文字显示的状态问题我们的需求又是在此基础上直接加一个返回的icon而已因此，我们如果对自定义快速创建...Hierarchy : 层级将UIBarButtonItem的自定义快速创建leftbarButtonItem的方法扩展一下，增加一个参数isBack，默认值是false /// 字体+target...didSet方法以达到设置的目的。

10.3K5 1

iOS右滑返回的实现【修订】

，统一允许激活 return YES; } II、QMUI导致右滑返回没有生效的解决方法先来看看QMUI如何实现实现右滑返回？...:NO animated:NO]; // viewController.hidesBottomBarWhenPushed =YES; //设置左边按钮 UIBarButtonItem...if ([viewController respondsToSelector:@selector(KNbackAction)]) { backItem =[[UIBarButtonItem...下方的IMP其实就是Implementation的方法缩写，获取到相应的方法实现后，然后再调用class_addMethod()方法将IMP与SEL进行绑定即可。.../article/details/77675855 -(void) setuprightBtn{ UIButton *rightBtn = [UIButton buttonWithType

1.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭