可点击区域想歪扩张往往可以带来可用性的提升。
border: 10px solid transparent; // 添加10px的透明边框，让元素比实际看上去的大10px
background-clip: padding-box; // 背景会延伸到透明边框下，指定背景限制在原本的区域内
box-shadow: 0 0 0 1px rgba(0,0,0,1) inset; // 因为占用了边框模拟点击区域，所以使用阴影模拟边框
最外边框为元素的实际大小：
这种方法的局限性在于需要绘制外部投影时，会变得怪异，因为外部投影都是绘制在边框之外的。可以利用伪元素解决这一问题。
.a:before{
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
}
伪元素可以相应鼠标交互，这个方案非常灵活，因为伪元素大小可以任意，位置甚至可以脱离主元素。
之前有个需求，按钮很小会很难点到，于是就需要扩大点击区域，一个UIButton的分类和runtime能很好解决问题...
可点击区域想歪扩张往往可以带来可用性的提升。 最外边框为元素的实际大小： 这种方法的局限性在于需要绘制外部投影时，...
参考自印第安的老斑鸠 参考了很多的文章，主要是有三个方法： 例如：按钮的大小是25pt * 25pt，想要的点击范...
导语 在工作中，经常创建一些视图(比如button)，这时button很小，点击时，总感到不精准，有时我们会在这个...
当设计图上的给出按钮尺寸较小，我们将对应的资源文件放入UIButton中，比如只有12x12pt，在真机调试中会发...
思路：建一个UIbutton分类，结合runtime更改按钮点击响应区域 实现代码： .h //// UIButt...
创建一个UIButton的类别添加到项目中 在需要扩大按钮的点击范围处调用 注意：按钮扩大的范围必须在父视图内，超...
UIControl+OMTExtension.h UIControl+OMTExtension.m
在iOS开发中，经常遇到按钮的点击区域太小，无法达到一个良好的交互效果，通过如下方式扩大点击区域：
本文标题：30、扩大可点击区域
本文链接：https://www.haomeiwen.com/subject/zsxhtxtx.html
网友评论