首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

删除UISearchbar左侧的图像

删除UISearchBar左侧的图像可以通过以下方法实现:

  1. 首先,获取UISearchBar的子视图,这些子视图包括左侧的图像视图和搜索框文本字段等。
代码语言:swift
复制
func getSubviews(view: UIView) -> [UIView] {
    var subviews = [UIView]()
    for subview in view.subviews {
        subviews.append(subview)
        subviews.append(contentsOf: getSubviews(view: subview))
    }
    return subviews
}

let searchBar = UISearchBar()
let subviews = getSubviews(view: searchBar)
  1. 遍历子视图,找到左侧图像视图并将其删除。
代码语言:swift
复制
for subview in subviews {
    if let imageView = subview as? UIImageView, let image = imageView.image {
        if image.size.width == searchBar.height && image.size.height == searchBar.height {
            imageView.removeFromSuperview()
            break
        }
    }
}
  1. 最后,设置UISearchBar的searchFieldLeftPadding属性,以删除左侧的图像空间。
代码语言:swift
复制
extension UISearchBar {
    var searchField: UITextField? {
        return value(forKey: "searchField") as? UITextField
    }

    var searchFieldLeftView: UIView? {
        return searchField?.leftView
    }

    var searchFieldLeftPadding: CGFloat {
        get {
            return searchFieldLeftView?.frame.width ?? 0
        }
        set {
            let leftView = UIView(frame: CGRect(x: 0, y: 0, width: newValue, height: searchField?.frame.height ?? 0))
            searchField?.leftView = leftView
            searchField?.leftViewMode = .always
        }
    }
}

searchBar.searchFieldLeftPadding = 0

通过以上方法,可以删除UISearchBar左侧的图像,并且保留搜索框文本字段的功能。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

WordPress教程:如何删除文章同时删除图片附件以及特色图像

对于使用WordPress建站朋友们知道,对于有些觉得过时了文章或者自己觉得不喜欢了,想删除,但在删除文章时,一般来说文章内所上传到媒体库图片等附件不会自动删除。...这样长时间积累,占用资源也不少。那如何在删除文章同时删除图片附件以及特色图像呢?以下代码可以实现在删除文章时自动删除文章图片附件以及特色图片,这样就不用手动去媒体库寻找并删除,准确而且效率高。.../* 删除文章时删除图片附件 /* ———————— */ function delete_post_and_attachments($post_ID) { global $wpdb; //删除特色图片...不过建议最好先备份好自己原来数据在试哦! 声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。...如若本站内容侵犯了原著者合法权益,可联系我们进行处理。

1.6K30

删除或失效WordPress文章中图像大小属性

从媒体库插入图像删除图像大小属性 删除图像大小属性可完全控制 CSS 属性,可将以下代码添加到主题 functions.php 文件中: /*** 移除图片高度和宽度属性从文章内容中图片上*/ function...add_filter( 'post_thumbnail_html', 'salong_remove_image_size_attributes' ); // 从添加到WordPress文章图像删除图像大小属性...通过 jQuery 删除width和height属性 对于已经添加到文章图像,必须手动删除width和height属性,或者也可以使用一些jQuery代码来解决问题,以下代码添加到主题 js 文件中:.../*直接删除图像大小属性*/ jQuery(document).ready(function($) { $('img').removeAttr('width').removeAttr...('height'); }); 使用 jQuery 代码删除图像大小属性更加方便,对于已经添加或者将来要添加图片都适用。

2.5K40

自适应表头和左侧列固定表格

2016-09-28 14:05:20 在网站建设中,表格出现提供了数据对比便利以及数据查看便利。...,让左侧一列固定,右侧部分可以滑动,则可以方便知道自己看是哪一行。...该表格三部分分别为:顶部,左侧,中间。中间部分以列为分割点。...m-type为第一行,如果该行需要合并后面的列,则后面列m-type内容置空即可(但要保留标签) 左侧部分: 左侧部分为一列,列中m-section为一组,用于划分T+STT高效动力、驾感科技(此类型行宽度占满整个表格...)等 每一个m-section中m-tit为占满整个表格行,例如:T+STT高效动力 左侧部分和中间部分背景色以斑马线形式分布,odd颜色为深色 中间部分: 中间部分每m-scroll-col

3.9K10

修改vue-element-admin左侧导航栏图标

vue-element-admin一个基于 vue2.0 和 Eelement 控制面板 UI 框架,这是使用vue技术栈开发前端程序员首选管理系统模板,模板以及非常成熟了,并且有相关社区和维护人员...可以在这个后台管理系统模板基础上,修改一些自己需要代码,变成自己开发项目了,此处自行发挥,省略一万字。...修改vue-element-admin左侧导航栏图标 1:打开阿里矢量图标库 https://www.iconfont.cn/ 选择一个图标下载 ?...选择下载格式给svg格式 2: 把我们下载icon图标的index.svg文件复制到/src/icons/svg文件夹下 ? ?...4: 可以看到我从阿里矢量下载下来图标,已经放到左侧导航栏图标上去了~~ ?

2.7K21

使用APICloud AVM多端组件快速实现app中搜索功能

很多app中都有搜索功能需求,本文介绍怎么使用APICloud AVM多端组件快速实现搜索功能。 在 APICloud 模块库搜索 animate-UISearchBar,添加到项目。...animate-UISearchBar 有的功能:搜索占位提示语、搜索记录、清除搜索记录、搜索触发事件、取消搜索事件、可使用css自定义样式。...下载后解压组件目录如下图: 其中animate-UISearchBar.stml为组件文件,放到项目的components 目录下,如图: 在需要使用页面使用import语句引入组件animate-UISearchBar.stml.../components/animate-UISearchBar/animate-UISearchBar.stml"; 运行效果如下图: 通过以上过程,可以看到使用组件方便快捷,可以提高项目开发效率。

89920

css左侧固定宽度,右侧自适应几种实现方法

左侧固定,右侧自适应或者右侧固定在,左侧自适应是一样。这种布局很常见,而且面试过程中也经常会问到,这里我总结方法一共有5种。要实现这种布局,也算比较简单。...wrapdiv,是用来包裹我们要定位这两个区;他后面还有个#footer,用来测试在前面的定位搞定后会不会导致后面的div错位——如果错位了,那证明我们定位方法必须改进。...而宽度100%是相对于他父标签来,如果我们改变了他父标签宽度,那content宽度也就会变——比如我们把浏览器窗口缩小,那wrap宽度就会变小,而content宽度也就变小——但,他实际宽度...其实calc是英文单词calculate(计算)缩写,是css3一个新增功能,用来指定元素长度。...前四种方法转载自老生长谈:css实现右侧固定宽度,左侧宽度自适应。这里主要是将各种方法进行汇总。我目前了解到方法主要是这些,如果大家还有其他方法请留言分享

2.3K20

修改vue-element-admin左侧导航栏背景颜色

vue-element-admin一个基于 vue2.0 和 Eelement 控制面板 UI 框架,这是使用vue技术栈开发前端程序员首选管理系统模板,模板以及非常成熟了,并且有相关社区和维护人员...npm install --registry=https://registry.npm.taobao.org 建议不要用 cnpm 安装 会有各种诡异bug 可以通过如下操作解决 npm 下载速度慢问题...可以在这个后台管理系统模板基础上,修改一些自己需要代码,变成自己开发项目了,此处自行发挥,省略一万字。...修改vue-element-admin左侧导航栏颜色 今天需要在我们vue-element-admin原有的系统里面,修改一下导航栏颜色。 原有系统左侧导航栏颜色是这个样子 ?...ok,对左侧导航栏背景进行了修改,改成了自己设计稿上颜色啦。 ?

4.1K31

自定义UISearchController外观

然而在开发中,我们往往需要根据项目的风格来改变UISearchBar外观,通过继承方式,我们可以完全定制符合项目风格外观,然而有些情况下我们很难短时间内完成全部外观定制工作,譬如我们项目用好几个旧框架...,代码中充斥着各种写好UISearchBar展示,而改动底层框架并不是一个较好地实践。...于是我开始搜索并总结出了几个不通过继承方式来更改UISearchBar外观方法。...获取子View 我们在UISearchController或者是UISearchDisplayController中都可以直接获取到UISearchBar实例,我们可以从这里改变一些UISearchBar...同时我们也可以直接获取UISearchBarsubViews,UISearchBarsubView是一个UIView实例,这个UIView包含了所有在UISearchBar上可以展示子视图,iOS

1.6K20

后台模板管理系统___左侧菜单数据异步加载

但是为了提升系统性能,很多公司都习惯将系统目录数据放在缓存,然后通过异步请求方式单独加载出来,我们公司也不例外。   首先系统欢迎页面中包含左侧菜单jsp文件,代码如下: 1 2 其次左侧菜单jsp文件中通常会加载一个js文件,因为系统目录数据一般是通过js文件中.../获取左侧菜单 3 var url = contextPath + '/ajax/listMenu.json';          //末尾.json代表后台返回数据是json格式数据,...""; 24 }); 25 $("#leftnav").html(nav_html); 26 //根据右侧菜单标识改变左侧导航菜单展开与选中...[根据页面的隐藏传递mid属性展开左侧菜单栏中对应菜单项] 27 if($(".main input[name='mid']").size()>0){ 28

2K90

使用Vue来完成项目中首页导航+左侧菜单

动态树 2.1 在配置请求路径 2.2 使用动态数据构建导航菜单 2.2.1 通过接口获取数据 2.2.3 通过后台获取数据构建菜单导航 2.3 点击菜单实现路由跳转 2.3.1 创建书本管理组件 2.3.2...getModules.action', //获取完整请求地址 'getFullPath': k => { //获得请求完整地址,用于mockjs测试时使用 return this.SERVER...将查询书本信息接口配置到api/action.js中 //获取书本信息 'BOOKMSG_BOOKINFO_REQ':'/bookMsg/bookAction!...-- @size-chang: 定义在每页显示记录数变化时处理函数 @current-change:当前页码发生变化时处理函数,如点击页码或输入一个特定页码。...以上就是一个简单首页导航+左侧菜单介绍,欢迎各位大佬给点建议!

2.2K20
领券