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

UISearchBar,我怎样才能保持调暗视图(阴影背景)始终显示

在iOS开发中,UISearchBar是一个常用的组件,用于在应用程序中实现搜索功能。要在UISearchBar中保持阴影背景始终显示,可以使用以下方法:

  1. 首先,在UISearchBar的代理方法中,设置UISearchBar的背景色和阴影颜色。
代码语言:swift
复制
func searchBarTextDidBeginEditing(_ searchBar: UISearchBar) {
    searchBar.setShadowImage(UIImage(), for: .any)
    searchBar.backgroundColor = UIColor.clear
}
  1. 接下来,在UISearchBar的代理方法中,设置UISearchBar的阴影颜色和偏移量。
代码语言:swift
复制
func searchBarTextDidBeginEditing(_ searchBar: UISearchBar) {
    searchBar.layer.shadowColor = UIColor.black.cgColor
    searchBar.layer.shadowOpacity = 0.5
    searchBar.layer.shadowOffset = CGSize(width: 0, height: 2)
    searchBar.layer.shadowRadius = 2
}
  1. 最后,在UISearchBar的代理方法中,设置UISearchBar的背景色和阴影颜色。
代码语言:swift
复制
func searchBarTextDidEndEditing(_ searchBar: UISearchBar) {
    searchBar.setShadowImage(nil, for: .any)
    searchBar.backgroundColor = UIColor.white
}

通过以上方法,可以实现在UISearchBar中保持阴影背景始终显示。

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

相关·内容

苹果iOS 13 新设计规范全面解析

模式下,系统为所有屏幕,视图,菜单和控件使用较的配色,使前景内容在较背景下突出。黑暗模式支持所有辅助功能。...您可能会在深色背景上找到文本不易辨认的地方。您可能还会发现在模式下启用“增加对比度”会导致文本和深色背景之间的视觉对比度降低。...始终在多种光照条件下预览您的应用,包括在晴天户外,以查看颜色的显示方式。如有必要,调整颜色以在大多数用例中提供最佳的观看体验。...模式中的调色板包括较背景颜色和较浅的前景色,经过精心挑选以确保对比度,同时保持模式之间的一致感。 使用适应当前外观的颜色:语义颜色(如分隔符)会自动适应当前外观。...但是在深色模式下,这种具有阴影的设计就失效了(静电注:我们总不能把阴影做成白色吧?)所以,在深色模式下,我们就退而求其次,直接使用比背景稍微浅一点的颜色作为浮层,而不用考虑阴影了。 ?

4.4K40

iOS点击查看大图的动画效果

大图会从小图的位置和大小“弹”出来,同时背景变成半透明的阴影。点击大图或者阴影后,收起大图,同样地弹回到小图去,同时去掉阴影背景,就像是一张图片在伸大缩小一样。 现在看看这是怎么实现的。...在思考一个动画的实现方法时,把动画的动作进行分解然后再一个个去思考怎么实现是一个好的习惯,我们稍微分解一下,这个动画在显示大图和收起大图的时候做了这些事情: 打开时先显示一个半透明的阴影背景; 然后显示一个逐渐变大的图片...:屏幕的高和宽,这样就会根据手机的屏幕大小来保证图片始终是居中显示的,关于这两个常量,可以查看我这篇博客:iOS获取屏幕宽高、设备型号、系统版本信息 好现在小图已经添加到界面上了,我们也给小图添加了响应点击的方法...阴影背景则是占据整个屏幕。同时,也设置了两个视图的点击相应方法,都是收起大图的动画方法,我们之后再去实现。现在,我们可以来着手实现显示大图的动画了。...这里的动画我们使用的是最简单的iOS 7开始支持的基于block的UIView动画,在的这篇博客中也有详细讲解:iOS基础动画教程 然后,我们初始化了阴影背景视图,并添加到界面上,此时不要忘记,要再次将大图手动推送到最上层

1.6K20

平铺拍摄衣服小技巧

此外,光圈应保持在f / 8以上,以保证相关的景深。否则,如果照明保持不变,图片可能会变得太暗或聚焦不当。...拍摄衣服保持阴影柔和和细节丰富非常重要,这是通过各种级别的光扩散来实现的。合适的阴影可以告知客户衣服材料材质。显示纹理的光线必须从侧面以一定角度施加。光影的发挥将强调纺织品的编织和螺纹之间的小凹槽。...下面的示例显示了专业解决方案(Orbitvu的平铺式摄影桌)如何让您接近衣服的照明。5、相机设置首先,要拍摄平铺的衣服,请确保您的焦距在35毫米以上。这样可以避免照片角落的失真,并保持项目的正确比例。...通常白底图拍摄建议删除背景,以减少照片较角落可能引起的镜头效应。Adobe Lightroom等软件将有助于消除这种效果。通过去除背景,您还可以避免对比度问题。...要实现这一目标,您需要协调灯光,相机设置和后期制作,并始终牢记最终效果。光色温、相机白平衡以及编辑软件的鲜艳度和饱和度等效果将始终很重要。

1.9K20

iOS - Swift UISearchController仿微信搜索框

创建一个UISearchController 如果传入的searchResultsController为nil,则表示搜索的结果在当前控制器中显示,现在让它在searchResultVC中显示 //...searchController.view.backgroundColor = UIColor (red: 0.97, green: 0.97, blue: 0.97, alpha: 1.0) // 默认为YES,设置开始搜索时背景显示与否...searchController.hidesNavigationBarDuringPresentation = false // 需要进行强引用 searchController self.searchController = searchController // 将搜索框视图...设置光标及取消按钮的颜色 去除背景 // 去除背景及上下两条横线 bar.setBackgroundImage(UIImage(), for: .any, barMetrics: .default) ?...LXFContactViewController: UISearchBarDelegate { func searchBarBookmarkButtonClicked(_ searchBar: UISearchBar

2K30

3DMAX中使用Vray渲染太阳光,如何调整?

第一个参数越大,阳光就越暖也就越,就要加大这个参数。一般的进时候为0.03到0.1,要反复试。...2、在顶视图选项中选择“创建VR太阳”,并根据需要调整缩放比例和位置。 3、在透视图中打开渲染选项按钮即可完成室外打太阳光的操作。...比如:vray阳光放在模型顶上,光会变亮,颜色会呈淡黄;越倾斜,光会,变橙黄;倾斜大了就会变蓝,像清晨或者傍晚的光照。...6: 在3DMAX里面给模型添加了VR太阳,但是渲染出来非常白怎么解决? 总结: 问题:vr太阳灯光强度过大,需要修改参数。 解决方案:将强度倍增器调整至0.02-0.03,并添加灯光补光。...首先,在标准灯光中选择阳光灯模拟阳光,然后放置在顶视图上。接着,在侧视图中进行太阳高度的调整和照明位置的微调,并进入太阳光参数设置。需要调整的参数有阴影类型、亮度、颜色、照射范围等。

4.3K30

Qt创建一个OpenGL窗口

阴影平滑通过多边形精细的混合色彩,并对外部光进行平滑。将在另一个教程中更详细的解释阴影平滑。 glShadeModel( GL_SMOOTH ); //这一行设置清除屏幕时所用的颜色。...不是最亮(1.0),也不是最 (0.0)。要得到白色背景,您应该将所有的颜色设成最亮(1.0)。要黑色背景的话,您该将所有的颜色设为最(0.0)。...任何您所想在屏幕上显示的东东都将在此段代码中出现。以后的每个教程中都会在例程的此处增加新的代码。...甚至您无法改变窗口的大小时(例如您在全屏模式下),它至少仍将运行一次——在程序开始时设置我们的透视图。OpenGL场景的尺寸将被设置成它显示时所在窗口的大小。...小结 主要是对别人写好的程序做了Qt版本的提升; 这里面很多术语也不懂,无法建立起一个完整的框架,是打算边写程序边建立框架; 对于程序中 文字解释的排版欢迎大家多提出宝贵的意见,感谢!

2.3K20

给你的应用建立一套配色方案

在这篇文章中,想分享关于如何在 CSS 中管理多种配色方案的想法。 概述 我们将构建具有自定义属性和 的可访问颜色系统 calc() ,以制作适应用户偏好的网页,同时保持最小的创作体验。...这是构建配色方案的基础,因为 CSS 可以通过调整 hsl 饱和度和亮度量将所有颜色保持在同一色系列中。...所以保持 100% 的饱和度,所以品牌颜色仍然可以窥视到深海军蓝中。...秘诀是将黑色和白色专门用于最亮的高光和最阴影。 surface 颜色 surface颜色是文本所在的背景、边框和其他装饰表面。在浅色主题中,这些是浅色,而不是深色的文本颜色。...基本上建立一个非常的略带蓝色的阴影

1.7K40

程序员五一修图小贴士

一般的使用方法是: 在斜线中间增加一个锚点,定住中间的映射。 增加其他锚点,调整高光或者阴影。...我们这张图就有点这个倾向,可以右上角三个点-视图选项-显示/隐藏直方图调出直方图看一下: 直方图-发灰-像素集中在中部 发现”山峰“集中在中部,猜想得到验证。...增加对比度的经典曲线形状是一个 S,即让高光部分更亮,阴影部分更,对比度一下就出来了。...黑色色阶左移,阴影右移,让最的部分更,次的部分提亮,增加阴影对比。...亮度栏目下的,黑色色阶-阴影-高光-白色色阶,可以分别选择由到亮不同亮度的点集,然后将这些集合变得更亮或者更

83920

Android自定义控件ImageView实现点击之后出现阴影效果

今天美工 直接给我一张图片,要实现图片点击之后有阴影效果,当时想到了ImageButton,随即自己写了个Demo,发现ImageButton继承ImageView 会有一个默认的背景样式,而且在布局中设计...添加监听回等; 布局文件代码: <?xml version="1.0" encoding="utf-8"?...src是图片内容(前景),bg是背景,可以同时使用。...,使得图片长 (宽)的小于等于视图的相应维度 FIT_CENTER / fitCenter 按比例缩放图片到视图的最小边,居中显示 FIT_END / fitEnd 按比例缩放图片到视图的最小边,显示视图的下部分位置...FIT_START / fitStart 把图片按比例扩大/缩小到视图的最小边,显示视图的上部分位置 FIT_XY / fitXY 把图片不按比例缩放到视图的大小显示 MATRIX / matrix

1.7K20

最新iOS设计规范三|3大界面要素:栏(Bars)

在iOS 13及更高版本中,默认情况下,大标题导航栏不包含背景材质或阴影。另外,随着页面滑动,大标题要转换为标准标题。 ? 隐藏大标题导航栏的边框。...搜索栏可以单独显示,也可以显示在导航栏或内容视图中。当显示在导航栏中时,可以将搜索栏固定在导航栏中,以便始终可以调用。也可以将其折叠,当用户向上滑动时展开显示。...默认情况下,状态栏的背景是透明的,是可以看到背后的内容的。保持状态栏可读,并不意味着其背后的内容是可交互的。...有几种常见的技术可以做到这一点: · 在APP中使用导航栏,该导航栏会自动显示状态栏背景,并确保内容不会显示在状态栏背后 · 在状态栏背后显示自定义图像,如渐变色或纯色 · 在状态栏背后放置模糊的视图...标签栏是半透明的,也可添加背景颜色。所有页面的标签栏应保持相同的高度,并且在弹出键盘时隐藏。 标签栏可能包含N个标签,但可见标签的数量因设备大小和方向而异。

9.8K10

分享10个超实用的高级 CSS 技巧

在下面的示例中,使用 attr() 函数使用其 data-value 属性来显示 span HTML 元素的 ::after 伪类的文本内容。...将仅使用 CSS 删除图像的背景,而不使用任何图像编辑软件。 要从彩色图像中删除白色背景,你可以使用带有值乘的 mix-blend-mode CSS 属性。...两个图层的颜色通过乘以它们的值来混合,从而产生更且更混合的外观。当从彩色图像中删除白色背景时,这非常有用,因为白色部分变得透明,显示下面的背景。虽然这会使图像有点。...它通过将元素的颜色与其背景混合来应用变暗效果。此方法增强较区域,产生烧焦或阴影的外观。...如果我们将 box-shadow 属性添加到具有透明背景的 PNG 图像,它仍然会在图像周围显示一个背景显示出方形外观。

11510

视觉效果 -- iOS Core Animation 系列三

这个曲率值默认只影响背景颜色而不影响背景图片或者子图层。可以用过下面的示例看一下。...通过上面的示例可以发现: 只设置cornerRadius时,默认情况下,只影响背景颜色,而不影响背景图片或者子图层。 如果想要截取这个视图的图片和子视图,需要设置masksToBounds为YES。...而且绘制边框会显示在最上层。 阴影 shadow 阴影属性 控制图层阴影的属性会比前面的边框多一些。...拉伸过滤 关于这些看了原文,确实不懂,而且也没碰到过,无从下手做笔记。...但是如果图层包含一个同样显示50%透明的子图层时,你所看到的视图,50%来自子视图,25%来了图层本身的颜色,另外的25%则来自背景色。 如果想保持透明度一直。

1.1K30

最新iOS设计规范七|10大视觉规范(Visual Design)

在深色模式下,系统为所有屏幕、视图、菜单和控件使用较的色彩,并使用更具活力的颜色,使前景内容在较背景下突出。深色模式也支持所有辅助功能。...如果你必须在深色模式下使用白色背景作为内容,请选择稍的白色,以防止背景对比周围的暗色内容像发光一样。...文字颜色 鲜艳度可以帮助在深色背景保持文本的良好对比度。 使用系统提供的标签颜色作为标签。初级、次级、三级和四级标签颜色会自动适应浅色模式和深色模式下的外观。 使用系统视图绘制文本字段和文本视图。...材质的效果是为了让视图和控件能够提示背景内容,同时又不会分散前景内容。为了产生这种效果,材质允许背景颜色信息传达到前景视图,同时模糊背景上下文以保持易读性。...始终确保对当前环境能起到指导作用。例如:当用户使用iPad时,就不要显示iPhone 的提示或图标。保持与平台一致的语言。你可以点击、轻击、滑动、捏和拖动触摸屏上的内容。

7.9K30

UI技巧 | 用户界面设计的10个小技巧

方法A 在方法A中,我们可以看到在整个图形(圆形背景,文件夹,装饰条)中,色相H值保持 123 不变,而饱和度S和亮度B是变化的。 ?...因此,我们得到了这个公式: 较的颜色值=饱和度增加,亮度减少 更亮的颜色值=饱和度减少,亮度增加 每当我想知道的设计应该使用什么样的正确颜色时,这个公式帮助了。...用正片叠底代替文本阴影 设计标题组件或在图像上添加文本是非常具有挑战性的,特别是如果图像背景是动态的(或时不时变化)。...对于动态图像背景的文本,通常的解决方案是给文本添加阴影,但这并不能提高用户的可读性。而且它会增加文字周围的视觉混乱,因为它们填补了文字之间的留白。...此外,正片叠底效果的灰度比例还能使图像的其他部分保持其自然的颜色,并使文本所在的部分图像更一点,来提高文本的可读性。 行的长度 大多数设计师经常使内容的长度更长,以便符合页面。

1.4K11

iOS 图标图像 (官方翻译版)

花时间来设计一个美丽而引人入胜的抽象图标,从而艺术化地表达您的应用程序的目的 保持背景简单,避免透明度。确保你的图标是不透明的,不要杂乱的背景。...您无法预测哪些壁纸会为主屏幕选择,所以不要只是测试您的应用程序的光或的颜色。看看它如何看待不同的照片。尝试在具有动态背景的实际设备上,随设备移动而改变透视图保持图标角落正方形。...为了确保系统中的备用图标始终保持一致 - 用户不应该在主屏幕上看到图标的一个版本,而在“设置”中则看不到完全不同的版本,请以与您为主应用程序图标提供的尺寸相同的尺寸提供它们(App Store图标除外)...字形,也称为模板图像,是具有透明度,抗锯齿功能的单色图像,并且没有使用掩模来定义其形状的阴影。字形根据上下文和用户交互自动收到适当的外观,包括着色,突出显示和活力。...相机导航栏和标签栏图标 拍摄照片或视频,或显示照片库。相机取消 ? 取消 关闭当前视图或结束编辑模式,而不保存更改。取消 ? 撰写导航栏和标签栏图标 在编辑模式下打开新视图。撰写 ?

3.6K40

【CSS】1965- 分享10个超实用的高级 CSS 技巧

在下面的示例中,使用 attr() 函数使用其 data-value 属性来显示 span HTML 元素的 ::after 伪类的文本内容。...将仅使用 CSS 删除图像的背景,而不使用任何图像编辑软件。 要从彩色图像中删除白色背景,你可以使用带有值乘的 mix-blend-mode CSS 属性。...两个图层的颜色通过乘以它们的值来混合,从而产生更且更混合的外观。当从彩色图像中删除白色背景时,这非常有用,因为白色部分变得透明,显示下面的背景。虽然这会使图像有点。...它通过将元素的颜色与其背景混合来应用变暗效果。此方法增强较区域,产生烧焦或阴影的外观。...如果我们将 box-shadow 属性添加到具有透明背景的 PNG 图像,它仍然会在图像周围显示一个背景显示出方形外观。

16710

草图风?新粗野主义?下一个设计趋势?(附快速设计指南)

这是大多数其他设计风格都试图避免的做法,因为在保持可访问的对比度的同时,我们不想给用户造成眼睛疲劳。 在大多数当前的 UI 样式中,很流行将黑色“注入”一点强调色——就像上面示例中的一点点红色一样。...002.阴影 代替柔和的阴影,它适用于卡片下方的硬黑色矩形。它不是典型的几乎看不见的边界,而是厚、和明确的轮廓。 虽然这对于可访问性来说非常好,但它也为我们的大脑添加了更多要处理的对象。...大多数阴影或假 3d 对象使用等距视图。它实际上总是某种形式的 45° 角。...这种造型方式使丑陋的东西正常化,让初学者更容易认知——他们会想“可以自己做!” 相信这就是一些品牌采用这种风格的原因。它没有威胁性,任何人都可以做到。...006.插图 插图风格通常是带有描边的,背景被抠出来的人物。加上鲜艳的颜色,具有高对比度和清晰的边缘。线条则有粗有细。 把握好上面这些点,我们也可以做出这种风格啦。

58430
领券