模拟UIBarButtonItem的按钮 - 腾讯云开发者社区

文章/答案/技术大牛

发布

模拟按钮的可访问性

为了创建更加漂亮的按钮，我们在项目实践中经常使用A、SPAN等元素模拟按钮，而不是使用更合语义的input[button]或者button元素。...使用这种方法我们可以快速的创建各浏览器表现一致的按钮，免受各种bug困扰，但同时也带来了可访问性问题。...可能无法获得焦点之所以是“可能”，是因为如果我们使用的是A元素，那么这个“假”按钮是可以获得焦点的，但如果我们使用的span等其他不可聚焦元素，辅助工具用户就很难去发现这个按钮。...无法获得准确的语义和指令模拟按钮只是披上了按钮的外衣，辅助工具获得的信息仍然是它们真实面目。...解决方案 DEMO HTML 模拟按钮 jQuery $('.mimic-btn').each(function(){ $(this

1.4K3 0

button标签和div模拟按钮的区别

= 'submit'），而如果不在form表单内部，又不考虑语义化，那么作为按钮，用div和button来写按钮就没什么太多的区别，只存在一些外观上和语义化的细微区别。...button 的 type 属性实际上，它还能与menu产生联动，如MDN对button 的 type 属性描述：submit: 此按钮将表单数据提交给服务器。...reset: 此按钮重置所有组件为初始值。button: 此按钮没有默认行为。它可以有与元素事件相关的客户端脚本，当事件出现时可触发。...menu: 此按钮打开一个由指定元素进行定义的弹出菜单。SEO 以及语义化语义化就是说，HTML 元素具有相应的含义，而对于SEO来说，就是让机器可以读懂网页的内容。...转言之，是非语义化元素，没有给内容附加任何含义，它只是个，那么你所模拟的button和其他用包裹的内容没有区别，甚至会被抓取模拟button的内容。

1.1K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

WPF 应用完全模拟 UWP 的标题栏按钮

WPF 应用完全模拟 UWP 的标题栏按钮发布于 2018-08-04 09:35 更新于 2018-08...，试图完全模拟原生窗口的样式。...标题栏的四个按钮一开始我说三个按钮，是因为大家一般都只能看得见三个。但这里说四个按钮，是因为实际实现的时候我们是四个按钮。事实上，Windows 的原生实现也是四颗按钮。...自绘标题栏按钮标题栏按钮并不单独存在，所以我直接做了一整个窗口样式。使用此窗口样式，窗口能够模拟得跟 UWP 一模一样。...以下是模拟的效果： ▲ WPF 模拟版本 ▲ UWP 原生版本（为避免说我拿同一个应用附图，我选了微软商店应用对比）为了使用到这样近乎原生的窗口样式，我们需要两个文件。

2.6K2 0

IOS开发之TabBarItem&NavigationBarItem

想必大家都用过微信，微信间的页面切换是如何做成的呢？接下来我们用storyboard结合着代码来模拟一下微信的视图控制模式。　　...= [self.userName text]; 4 NSString * password = self.password.text; 5 //模拟登陆 6 if ([userName...我们可以通过storyboard通过拖拽的方式来配置我们的NavigationBar 也可以通过手写代码的方式进行配置：　　　　（1）用storyboard来为我们的Navigation Bar添加按钮...，拖拽完按钮再进行相关属性配置即可 ? 　　　　...1 //手动添加NavigationBar上得右侧按钮 2 //新建BarButtonItem1, 同时指定样式，和注册回调 3 UIBarButtonItem *item1

1.9K8 0

iOS开发UINavigation系列二——UINavigationItem

上面我们看到的这些，实际上只是一个item的一部分，item还有许多其他的附件，如果我们使导航栏再push出一个item，这时导航栏的左边会出现一个返回按钮，这个返回按钮实际上是数据第一个item的，我们做如下的设置...三、关于UIBarButtonItem 一个UINavigationItem中，还可以包含许多BarButtonItem，BarButtonItem是一系列的按钮，会出现在导航栏的左侧或者右侧...例如： UIBarButtonItem * button = [[UIBarButtonItem alloc]initWithTitle:@"按钮" style:UIBarButtonItemStyleDone...我们也可以通过下面的方法设置右边的按钮，或者直接设置一组按钮： @property(nullable, nonatomic,strong) UIBarButtonItem *leftBarButtonItem...，对于BarButtonItem这个对象，系统也封装好了许多原生的可以供我们使用，创建的时候使用如下方法： UIBarButtonItem * button = [[UIBarButtonItem alloc

1.1K2 0

iOS TabBarController实例

imageNamed:selectedImg] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]]; returnnav; } 1.设置按钮操作...//返回按钮 UIBarButtonItem * buttonItem = [[UIBarButtonItem alloc]initWithTitle:nil style:UIBarButtonItemStyleDone...*leftItem = [[UIBarButtonItem alloc] initWithCustomView:leftBtn]; self.navigationItem.leftBarButtonItem...*rightItem = [[UIBarButtonItem alloc] initWithCustomView:moreBtn]; self.navigationItem.rightBarButtonItem...:barView]; 2.如何找到searchBar中的UItextField并修改 searchView.frame = CGRectMake(0, kStatusBarHeight + Main_Screen_Width

6562 0

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

，按钮的背景图片就是那个小键盘图标，然后把按钮转换成一个UIBarButtonItem，这种类型的对象才可以放在工具栏上。...我们用了一个UIBarButtonItem组成的数组，因为可以放多个按钮，只要在数组中继续添加就可以了，最后将数组作为工具栏的Items添加进去就可以了。...的数组，来存储三个UIBarButtonItem对象，注意，为什么是三个呢，界面上不是只有取消和完成两个按钮吗？...其余两个按钮的代码不多说了，挺简单的，这个占位按钮很有意思： UIBarButtonItem *flexSpace = [[UIBarButtonItem alloc] initWithBarButtonSystemItem...，完成按钮会直接出现在取消按钮的左边，结果就是两个按钮都挤在左上角，这跟用户习惯是不同的，而要让完成按钮出现在右上角，就需要这个占位按钮来占据中间的位置，把完成按钮挤到右边去，这是一个专用的类型：UIBarButtonSystemItemFlexibleSpace

2.2K1 0

iOS11 UIBarButtonItem无法偏移问题坑

[self sx_setLeftBarButtonItem:leftBarButtonItem]; } } -(void)sx_setRightBarButtonItem:(UIBarButtonItem...setRightBarButtonItems:nil]; [self sx_setRightBarButtonItem:rightBarButtonItem]; } } -(UIBarButtonItem...*)fixedSpaceWithWidth:(CGFloat)width { UIBarButtonItem *fixedSpace = [[UIBarButtonItem alloc]initWithBarButtonSystemItem...} } } @end 3、自定义view添加到leftBarButtonItem self.navigationItem.leftBarButtonItem = [[[UIBarButtonItem...alloc] initWithCustomView:[UIView alloc] init]]; 坑按钮需要在viewWillAppear中进行添加按钮 - (void)viewWillAppear

1.8K7 0

【IOS开发基础系列】Navigation页面导航专题

2.3 回退按钮 2.3.1 回退按钮自定义 UIBarButtonItem * backItem = [[UIBarButtonItem alloc] initWithImage: [UIImage...self.navigationItem setBackBarButtonItem: backItem]; 【iOS开发-22】navigationBar导航条和navigationItem设置：基本搞定导航条上的文字和按钮以及各种跳转... 最近iOS项目中要求导航栏的返回按钮只保留那个箭头，去掉后边的文字，在网上查了一些资料，最简单且没有副作用的方法就是： [[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment...2.5.4 隐藏返回按钮 [self.navigationItem setHidesBackButton: YES]; 2.5.5 设置导航栏标题的字体颜色和大小方法一：(自定义视图的方法，.../article/details/29864339 UINavigationBar自定义返回按钮的设置 http://blog.sina.com.cn/s/blog_bf9843bf0101g01b.html

2K2 0

UI篇－UINavigationController之易忘补充

上面设置的为YES，下面的为NO 关于导航返回：首先ios7 之后只要使用系统自带的导航效果就有手动滑动返回的效果。但是当自定义返回按钮时，这种手动滑动返回的效果就没有了。...要自定义返回按钮，直接设置backBarButtonItem是不行的 UINavigationController view层级 ?...：action：设置视图的触发事件 tintColor 设置tintColor可以影响添加在导航条上的系统样式的按钮的颜色 title：标题 titleView ：标题视图 leftBarButtonItem...：左按钮 rightBarButtonItem ：右按钮 backBarButtonItem :返回按钮与UINavigationController相似，UINavigationBar...每个视图控制器都有一个navigationItem属性，navigationItem中设置的做按钮、右按钮、标题等，会随着控制器的显示，也显示到navigationBar上我们来看一下这些名词是什么意思

2.9K2 0

去掉 iOS 导航栏返回按钮文本三种方案

UIBarButtonItem *back = [[UIBarButtonItem alloc] initWithTitle:nil style:UIBarButtonItemStylePlain...UIControlStateNormal]; */ item.backBarButtonItem = back; return YES; } ❝注意：该方法会出现部分子控制器页面的返回按钮文字出现的...self.view.backgroundColor = [UIColor whiteColor]; //重新设置下级子页面导航栏返回按钮文字 UIBarButtonItem *...navigationBar:(UINavigationBar *)navigationBar shouldPushItem:(UINavigationItem *)item { //设置导航栏返回按钮文字为透明的...，可能造成导航标题不居中的问题 [[UIBarButtonItem appearance] setTitleTextAttributes:@{NSForegroundColorAttributeName

3K2 0

iOS调整导航条BarButtonItem与titleView 的间距

前言例子:调整BarButtonItem按钮和titleView的间距 1、原理：titleview的起点位置和尺寸依赖于leftBarButtonItem和rightBarButtonItem的位置...常见问题 1、 BarButtonItem 隐藏失效的解决方案：使用initWithCustomView进行实例化BarButtonItem 2、 iOS13.5.1 版本无法点击导航条右侧按钮：CustomView...主要利用UIBarButtonItem 的UIBarButtonSystemItemFixedSpace 系统控件 UIBarButtonItem *negativeSpacer = [[UIBarButtonItem...titleView的间距 ---- //设置右边按钮 UIBarButtonItem *btn_right = [UIBarButtonItem barButtonItemWithTarget...self.navigationItem.leftBarButtonItems = [NSArray arrayWithObjects: negativeSpacer,nil]; 1.3 设置webViewVC 导航条的左边按钮的位置

2.6K2 0

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

控制按钮边界; -- Content : 按钮内容作为按钮边界; -- Tittle : 按钮的标题文本作为边界; -- Image : 按钮图片作为按钮边界; (11) Inset 属性 Inset...创建按钮 : //创建第一个按钮 UIBarButtonItem * buttonItem = [[UIBarButtonItem alloc] initWithTitle:@"键盘附件...target:self action:nil]; //创建第二个按钮 UIBarButtonItem * spaceItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem...:UIBarButtonSystemItemFixedSpace target:self action:nil]; //创建第三个按钮 UIBarButtonItem * doneItem...target:self action:nil]; //创建第二个按钮 UIBarButtonItem * spaceItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem

9K2 0

UINavigationBar的用法

黑色颜色，用于亮色背景，一个是白色用于深色背景设置返回按钮有时候我们会发现，我们设置的返回按钮都是蓝色的默认颜色，那么到底该怎么更改这些按钮的颜色呢设置返回按钮的颜色，只设置tintColor的颜色就好了...self.navigationController.interactivePopGestureRecognizer.delegate = (id)self; } 这里需要注意的地方有三点：需要自己实现返回按钮的事件...我们自己设置返回按钮，会导致系统的侧滑关闭效果失效。添加上面代码中最后一句代码即可修复。...仅仅设置返回按钮的文字 - (void)setBackButtonTitle { UIBarButtonItem *leftButton = [[UIBarButtonItem alloc] initWithTitle...如果你对返回按钮实在不满意，你可以自定义一个按钮，并把它设置为navigation的leftButton - (void)setCustomLeftButton { UIView* leftButtonView

2.5K2 0

iOS16适配指南之UINavigationItem

增加了类型为 UINavigationItem.ItemStyle 的属性style用于描述 UINavigationItem 在 UINavigationBar 上的布局，共有 3 种样式：navigator...pushViewController(nextViewController, animated: true) } } 增加了闭包类型的属性titleMenuProvider用于给当前导航栏的标题增加操作菜单...} return UIMenu(children: [favorite, share, delete]) } } } 增加了类型为 UIAction 的属性...backAction用于实现返回按钮事件。...// 设置backAction navigationItem.backAction = UIAction(handler: { _ in print("返回按钮点击实践

1.8K1 0

缩小自定义导航栏按钮之间的距离修改导航栏按钮图片的颜色不用系统的颜色

*btn_right = [[UIBarButtonItem alloc] initWithCustomView:btn]; UIBarButtonItem *negativeSpacer = [...[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action...:nil]; /** width为负数时，相当于btn向右移动width数值个像素，由于按钮本身和边界间距为5pix，所以width设为-5时，间距正好调整为0；width为正数时，正好相反，...*itemRight = [[UIBarButtonItem alloc] initWithCustomView:btn]; UIBarButtonItem *negativeSpacer =...[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action

3K3 0

Excel实战技巧44：用标签模拟按钮效果并显示颜色

学习Excel技术，关注微信公众号： excelperfect 在设计用户窗体时，我们经常会用到按钮，以便用户单击执行相应的程序命令。其实，我们还可以使用标签来生动地模拟按钮效果，如下图1所示。...图1 你能看出这是标签还是按钮吗？设计用户窗体在VBE中，插入一个用户窗体，放置4个标签控件，修改标签的名称和文字，如下图2所示。 ?...图2 在属性窗口，设置标签控件的格式，使其呈现按钮效果，并设置提示文字，如下图3所示，是标签lblFirst的属性设置，其它标签类似。 ?...vbWhite Me.lblPrev.BackColor = vbWhite Me.lblLast.BackColor = vbWhite End Sub 运行用户窗体，即可呈现上图1所示的效果

1.6K3 0

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

引言原理：利用系统的返回手势interactivePopGestureRecognizer进行实现使用场景：返回按钮有点小，不好触发返回时，可借助右滑返回来提升用户体验在这里插入图片描述 I 、...UIBarButtonItem *backItem =nil; if ([viewController respondsToSelector...:@selector(KNbackAction)]) { backItem =[[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed...）没采用系统的默认的实现，发生当前不可以手势返回，可先检查为什么当前状态，系统不允许你的手势返回，例如是否隐藏了 navigationBar，或者隐藏了系统的返回按钮？...比如push的时候，自定义了leftBarButtonItem按钮了，你可以采用分类方式往UIViewController 添加forceEnableInteractivePopGestureRecognizer

2.1K2 0

iOS开发UINavigation系列三——工具栏UIToolBar

按钮，在前两篇博客中，对导航栏和导航项都进行的讨论，地址如下： UINavigationBar：http://my.oschina.net/u/2340880/blog/527706 UINavigationItem...:http://my.oschina.net/u/2340880/blog/527781 导航栏一般会出现在视图的头部，与之相对，工具栏一般会出现在视图的的底部，上面可以填充一些按钮，提供给用户一些操作...下面是UIToolBar中的一些方法，其中大部分在UINavigationBar中都有涉及，这里只做简单的介绍： //工具栏的风格，和导航栏类似，有黑白两种 @property(nonatomic) UIBarStyle... barStyle; //设置工具栏上按钮数组 @property(nullable,nonatomic,copy) NSArrayUIBarButtonItem *> *items; //设置工具栏是否透明... NSArrayUIBarButtonItem *> *)items animated:(BOOL)animated; //设置item风格颜色 @property(null_resettable,

8741 0

使iPhone也可以拥有iPad的pop效果

这个控制器的用法我还在摸索中，今天先上一段代码，做到在iPhone像iPad中的pop弹出视图效果。 UIPopoverPresentationController不需要你去创建。...ViewController - (void)viewDidLoad { [super viewDidLoad]; self.title = @"Presentation"; UIBarButtonItem...*rightBar = [[UIBarButtonItem alloc] initWithTitle:@"pop" style:UIBarButtonItemStyleDone target:self...action:@selector(popView:)]; self.navigationItem.rightBarButtonItem = rightBar; } - (void)popView:(UIBarButtonItem...pop.barButtonItem = self.navigationItem.rightBarButtonItem;//导航栏右侧的按钮 [self presentViewController

1.1K4 0

点击加载更多

模拟按钮的可访问性

button标签和div模拟按钮的区别

WPF 应用完全模拟 UWP 的标题栏按钮

IOS开发之TabBarItem&NavigationBarItem

iOS开发UINavigation系列二——UINavigationItem

iOS TabBarController实例

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

iOS11 UIBarButtonItem无法偏移问题坑

【IOS开发基础系列】Navigation页面导航专题

UI篇－UINavigationController之易忘补充

去掉 iOS 导航栏返回按钮文本三种方案

iOS调整导航条BarButtonItem与titleView 的间距

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

UINavigationBar的用法

iOS16适配指南之UINavigationItem

缩小自定义导航栏按钮之间的距离修改导航栏按钮图片的颜色不用系统的颜色

Excel实战技巧44：用标签模拟按钮效果并显示颜色

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

iOS开发UINavigation系列三——工具栏UIToolBar

使iPhone也可以拥有iPad的pop效果

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐