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

项目需求讨论-标题栏上的搜索功能

今天讲的就是一个很简单的具体开始时候遇到的需求,在标题栏中实现搜索功能,而且美工要求需要实现下面GIF图的效果,我就实现了下,可能不是最好的,有哪里可以更方便请大家指出。...正好仔细的讲解了下SearchView和Toolbar。希望大家看看我哪里是不是讲错了。哈哈。 ? 1.先抛开搜索功能,我们看如何单纯实现下图的标题栏的界面: ?...标题栏 因为我平常项目中的标题栏使用的是Toolbar。当然大家在这个需求上面,用个其他类型的ViewGroup也是一样的。...我们上面说过Toolbar实际上就是一个ViewGroup,所以我就想到可以让Toolbar中包含一个FragmentLayout,然后在这个上面的标题的标题及搜索图标按钮上面,覆盖了一层我们要的SearchView...看布局代码,就知道在第一步中的标题栏的布局的上面,覆盖了一层横向布局,用来显示SearchView和取消按钮,该界面默认是隐藏的,只有当按了搜索图标按钮,再让这个横向布局显示,盖在上面,(当然同时也可以让原来的标题和搜索图标按钮隐藏

1.4K10

ios7之后导航栏的问题2

https://blog.csdn.net/u010105969/article/details/53334755 在《ios7之后导航栏的问题1》(http://blog.csdn.net/u010105969.../article/details/53333748)博客中我们提到了在有导航栏的情况下根视图的坐标原点的的问题,但我当初添加的是一个普通的视图,如果我们添加的是一个UITableView我们会发现问题又会有所不同...根视图的坐标原点难道又发生变化了?其实不然,根视图的坐标原点并没有发生变化,我们可以用视图调试器查看根视图的坐标原点: ?...从图中我们可以看到白色的根视图和蓝色的tableV,可见根视图的坐标原点确实是(0,0)。那为什么展示出来的tableV却像是下移了64?...我还发现,如果我们的根视图是tabBarController我们添加的tableV的内边距同样会距离底部发生49的偏移。 不知道我的两篇博客是否解答了读者心中的一些疑惑,希望能够。

84730
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    ios7之后导航栏的问题1

    https://blog.csdn.net/u010105969/article/details/53333748 iOS7之后rootView(即根视图)的原点是(0,0),当根视图控制器是NavigationController...的时候有时一些视图的原点却会发生一些变化,有时是(0,0),有时是(0,64),而我们设置的却一直是(0,0),这到底是为什么呢?...我所说的设置navigationBar的颜色不是通过setBackgroundColor这个方法,因为这个方法设置的颜色并不是我们想要的颜色,比如我们想设置navigationBar的颜色为纯绿色,如果直接使用...我们需要通过setBackgroundImage这个方法来设置navigationBar的颜色,如果我们利用此方法设置了的navigationBar的image同样会出现根视图坐标原点变成(0,64)的问题...的透明度也发生了变化从而导致根视图的坐标原点发生变化。

    43720

    解决android自定义标题栏充满的问题 博客分类: Android AndroidEclipseXMLvimGit

    一个接着一个的activity,写啊写,调啊调,后来,终于发觉,activity的标题栏好难看,好单调啊。咱们为了吸引用户的眼球,得搞点个性化的东西。        ...自定义标题栏的方法,网上一搜一大堆,我也稍微提一下,oncreate中加上如下代码就行: requestWindowFeature(Window.FEATURE_CUSTOM_TITLE); setContentView...看到了吧,发现问题了没,标题栏的背景色没有填充满是吧,这可真是杯具哟。padding、margin什么的都用上也不管用,怎么办呢。     看源码!        ...window初始化,加载标题的地方,咱也不知道在哪里,不过咱能以layout作为切入点。打开源码里面的layout文件夹,找跟标题栏相关的xml文件。...既然是自定义标题,那我们就看screen_custom_title.xml,里面有一个title_container和一个content,组合成了标题栏,我们自定义标题所给出的view,都被content

    98730

    【Java AWT 图形界面编程】Frame 窗口标题栏大小问题 ( Container 容器的空白边框 Insets | 通过调用 frame.getInsets().top 获取窗口标题栏高度 )

    文章目录 一、Frame 窗口标题栏大小问题 二、Container 容器的空白边框 Insets 三、获取 Frame 窗口的标题栏高度代码 四、修改后的代码示例 一、Frame 窗口标题栏大小问题...每个布局显示不同的颜色 ; 绘制后发现 最终绘制结果如下 : 顶部的两个 100 x 100 的 正方形 , 变成了长方形 , 部分内容被 Frame 窗口的标题栏覆盖住了 ; 左上角 和 右上角的...垂直方向 y 坐标轴的值为 0 , 部分组件内容绘制到了 标题栏下面 ; 二、Container 容器的空白边框 Insets ---- 在 Container 中 , 定义了一个 getInsets..., 阅读下面的文档可知 , Insets 是 Container 容器的边框空白 , 在不同的容器中有不同的表现形式 , 可以是 边框 , 空白 , 标题栏 ; Insets 类中提供了上下左右的空白间隔...四、修改后的代码示例 ---- 将上述 31 像素大小的标题栏高度考虑在内 , 重新编写代码 ; 修改后的代码示例 : import java.awt.*; public class HelloAWT

    87730

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

    这有利于提高我们的工作效率,保证用户良好的体验。 本文是iOS设计规范系列第3篇,介绍3大界面要素(栏、视图、控件)中的栏(Bars)。首先让我们了解一下iOS的3大界面要素。...Phone 使用这种方法,而Music 则使用大标题来区分内容区域。在iOS 13及更高版本中,默认情况下,大标题导航栏不包含背景材质或阴影。另外,随着页面滑动,大标题要转换为标准标题。 ?...隐藏大标题导航栏的边框。在iOS 13及更高版本中,可以通过删除导航栏的阴影来隐藏导航栏的底部边框(当滑动内容区域时,边框会自动重新出现)。...如果导航栏包含多个文本按钮,需要通过在按钮之间插入固定的空格项目来增加分隔。以此来避免按钮文本同时显示造成按钮无法区分的问题。 考虑在导航栏中使用分段控件,使APP的层次结构更加扁平。...如果在导航栏中使用分段控件,务必仅在层次结构的顶层使用。并确保在较低的级别选择准确的返回按钮标题。 ? 二、搜索栏(Search Bars) 搜索栏允许人们通过在字段中键入文本来搜索大量值。

    9.9K10

    iOS 11 更大的导航 (官方翻译版)

    导航栏 导航栏出现在应用程序屏幕顶部的状态栏下方,并可以通过一系列分层屏幕进行导航。当显示新屏幕时,通常标有前一屏幕标题的后退按钮出现在栏的左侧。...有关开发人员的指导,请参阅UINavigationBar。 提示不需要导航时使用工具栏,或者想要多个控件来管理内容。请参阅工具栏。 导航栏标题 考虑在导航栏中显示当前视图的标题。...在大多数情况下,标题可帮助人们了解他们正在查看的内容。但是,如果导航栏标题似乎是多余的,可以将标题留空。例如,Notes不会为当前注释标题,因为第一行内容提供了所需的所有上下文。 ?...标准标题 ? 大标题 当您需要特别强调上下文时,请使用较大的标题。在一些应用程序中,大标题的大胆大胆的文字可以帮助人们浏览和搜索。...iOS在使用此遮罩时,可以在转换期间为按钮标题设置动画。 不要包含多段面包屑路径。后退按钮总是执行单个操作 - 返回到上一个屏幕。

    2.9K30

    iOS 9人机界面指南(四):UI元素(上) - 腾讯ISUX

    结果图标说明此次搜索有搜出结果。当用户点击它时会出现用户最近一次搜索的搜索结果。 ? 提示(Prompt)。描述性标题,我们称之为提示。...描述性标题是一个短而完整的句子,为搜索栏提供介绍或指引应用特定信息。 在你的应用中使用搜索栏让用户进行搜索。不要使用文本框,因为文本框的外观不符合用户对搜索的预期。...在iOS 8以及之后的版本里,你可以通过UISearchDisplayController简单快捷地把搜索栏放在导航栏中。...如果你的标题文字过长,iOS会将缩小文本,仍然过长的话则会被截断。一般而言,最好能避免在活动标题中提及你的公司或产品名称。...以上所有单元格样式均会自动截断文本,而文本截断所造成的问题可大可小,取决于你采用的单元格样式,以及被截断了哪一部分文字。

    10.1K51

    从iOS 11 UI Kit中谈谈iOS 11的新变化

    (1)粗体标题导航栏 扁平化设计中,文字排版影响着信息层级的展示的清晰与否,通过文本的字号、字重、颜色等的对比去建立清晰的信息层级,而不用太多的装饰元素。...iOS 11中最让你印象深刻的莫过于粗体大标题栏的变化。...如果你想要打造顶层是标签栏结构的APP,这种设计规范就会非常适合,使用粗体大标题能够让用户在大量的标签切换中快速地意识到自己目前所处在的位置; ?...•界面布局中的留白 iOS 11的大标题文本中都包含一组带有图片和描述的元素,组元素和组元素之间保持较大的间距。...•颜色/字号/字重 iOS 11中也大量使用了颜色深浅、字号大小和文本粗细来展示标签的不同层次,我们可以看到照片APP在iOS 10中章节标题和照片对比不明显,在更新后,章节标题主标题字体变大加粗,副标题字体变大

    1.1K90

    Winforms 可能遇到的 1000 个问题 去掉最大化和最小化按钮使用系统的图标禁止用户修改窗口大小隐藏标题栏的图标

    具体请看 https://stackoverflow.com/a/3025944/6116637 使用系统的图标 通过 SystemIcons 可以使用系统的图标,首先需要在界面放一个 PictureBox...控件,我修改这个控件的命名 _image 通过下面代码可以让这个控件显示系统提示错误的图标 _image.Image = SystemIcons.Error.ToBitmap(...具体请看 https://stackoverflow.com/a/5416394/6116637 隐藏标题栏的图标 在 Form 类内修改 ShowIcon 可以修改图标 public...,同时有更好的阅读体验。...欢迎转载、使用、重新发布,但务必保留文章署名林德熙(包含链接: https://lindexi.gitee.io ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。

    1.8K10

    前端页面中 iOS 版微信长按识别二维码的bug 与解决方案

    发现问题 实习的时候要做一个游戏页面的宣传页,里面有两个二维码要让访客长按识别以加入相关公众号。...出来问题一开头固然是怀疑自己的代码有问题,上网搜索相关资料,尝试以下方案均无法解决: 1、定位方式由absolute 改为传统的margin(据说绝对定位会导致这个问题); 2、修改viewport 上的...经过多次人工检测,发现上文“比正常地方稍微往上一点”的高度正是微信标题栏+系统状态栏的高度(64px)。 做了一个问题重现的页面,地址如下(用iOS 微信6.2 扫描方可重现): ? ?...基本上可以确定是iOS 版微信的本身问题,原因应该是微信客户端在识别二维码的时候忽略了微信标题栏+系统状态栏的高度,而这种bug 的促发貌似也是需要CSS 进行特殊定位的情况下才产生的(特别是absolute...6月25日更新:经过与微信 iOS 开发人员的反馈沟通,确定是微信的 bug,据他们的说法目前已经修复,但能否在下一个版本中加入么,就不得而知了。

    2.3K80

    【零基础微信小程序入门开发二】配置小程序

    navigationBarBackgroundColor #000000 导航栏背景颜色,如 #000000 navigationBarTitleText 导航栏标题文字内容 navigationBarTextStyle...white 导航栏标题颜色,仅支持 black / white 页面配置 属性 类型 默认值 描述 navigationBarBackgroundColor HexColor #000000 导航栏背景颜色...导航栏标题文字内容 navigationStyle string default 导航栏样式,仅支持以下值: default 默认样式 custom 自定义导航栏,只保留右上角胶囊按钮。...底部窗口的背景色,仅 iOS 支持 微信客户端 6.5.16 enablePullDownRefresh boolean false 是否开启当前页面下拉刷新。...当用户的搜索词条触发该索引时,小程序的页面将可能展示在搜索结果中。 以上就是今天讲解的内容

    22431

    极速适配 iPhone X 秘笈

    缺点:对于全屏 / 透顶标题栏 / 横屏情况都要用不同的 css 代码进行适配,不够灵活。另外,如果苹果下一年又发布了类似 iPhone X plus 这样的机型,适配工作就要重新来过。...遮挡的问题,所以苹果提供在 css 中设置 constant(safe-area-inset-X) 距离来规避遮挡问题。...safe-area-inset-left)); 在 env(safe-area-inset-left) 值因为 webview 变化时值也可以做出相应变化,取12px 和 env(safe-area-inset-left) 的较大值...如下表所示: 适配结果 这里展示了 iPhone 8 / iPhone X  (iOS 11.2) 透顶状态栏 / 透顶标题栏 / 普通标题栏下打开适配 H5 的效果图。 对应代码: 的其他问题、要测试其他 iOS 设备找不到真机时同样适用。

    1.3K40

    【HTML5 理论知识】就H5调试技巧,浅谈:iPhone X 适配方案!

    缺点:对于全屏/透顶标题栏/横屏情况都要用不同的css代码进行适配,不够灵活。另外,如果苹果下一年又发布了类似iPhone X plus这样的机型,适配工作就要重新来过。...针对于iOS11.0-iOS11.1的系统: 当设置了viewport-fit=cover,H5页面会覆盖页面安全区域全屏展示,但是这样会带来页面元素会被“刘海儿”和底部Home Indicator遮挡问题...safe-area-inset-left)); 在env(safe-area-inset-left)值因为webview变化时值也可以做出相应变化,取12px和env(safe-area-inset-left)的较大值...如下表所示: image.png 适配结果 这里展示了iPhone8 / iPhone X (iOS11.2)透顶状态栏/透顶标题栏/普通标题栏下打开适配H5的效果图。...image.png 这种方法对于我们要调试线上H5的其他问题、要测试其他iOS设备找不到真机时同样适用。

    3.3K80

    WWDC 2017前瞻:硬件细节已遭曝光,但苹果在软件方面的布局却始终慎重

    其次,苹果首次在iOS 8上开放了输入法SDK,方便用户在不越狱的情况下也能使用第三方输入法。 ? 而在果粉们较为关心的iMessage功能上,iOS 8也作出了较大改进。...新的全局搜索的实用性得到了大幅提升,曾经位于界面右上角的Spotlight搜索栏也被迁移到了屏幕的正中间,以占据用户的视觉中心。...不仅如此,苹果在全新的iOS 9中引入了新版“Notes” 笔记应用,新款应用可用多种编辑选项,可调节标题、字体等格式,并加入待办事项标记,同时支持手写注记、嵌入网址等功能。 ?...watch OS2 在WWDC 2015上,Cook宣布苹果已为开发者准备好了全新的watchOS 和相应的SDK,以解决第三方硬件需借力iPhone而导致的卡顿问题。...macOS版Siri可在Dock栏以及顶部出现,并在Finder中搜索文件,同时可以进行图片搜索、使用Siri进行语音回复,甚至可以使用Siri进行网页上的Apple Pay支付。

    1.3K60

    最新iOS设计规范四|3大界面要素:视图(Views)

    这有利于提高我们的工作效率,保证用户良好的体验。 本文是iOS设计规范系列第4篇,介绍3大界面要素(栏、视图、控件)中的视图(Views)。首先让我们回顾一下iOS的3大界面要素。...栏(Bars) 栏,可以告诉用户在APP中当前在所在的位置、能提供导航,还可能包含用于触发操作和传递信息的按钮或其他元素。包括6种:导航栏、搜索栏、侧边栏、状态栏、标签栏、工具栏。...在较大的屏幕上,动作表会以弹出框的形式同时出现。 ? 在执行潜在的破坏性操作之前,请使用操作表请求确认。如果是非破坏性的操作可以使用下拉菜单(控件的一种,后面会讲到)。...模板图像应集中在约70px×70px的区域中。 使用简单的活动标题来描述你的任务。标题显示在活动视图中的图标下方。短标题最好。当标题太长时,iOS首先缩小文本,然后如果标题仍然太长直接将其截断。...因为单字标题很少会提供有用的信息,所以可以考虑以问问题或使用短句的方式,尽可能的将标题保留在同一行上。通过大小写及标点符号来共同完成文本语句,而且需要注意不要在句子中间使用结束标点符号。

    8.5K31

    React Native顶|底部导航使用小技巧

    导航一直是App开发中比较重要的一个组件,ReactNative提供了两种导航组件供我们使用,分别是:NavigatorIOS和Navigator,但是前者只能用于iOS平台,后者在ReactNative0.44...的标题,也能配置navigation的标题 TabNavigatorConfig tabBarComponent- 用作标签栏的组件,例如 (这是iOS上的默认设置), (这是Android上的默认设置...initialRoutenoneinitialRoute tabBarOptions for (iOS上的默认标签栏)TabBarBottom activeTintColor - 活动标签的标签和图标颜色...showLabel - 是否显示标签的标签,默认为true style - 标签栏的样式对象 labelStyle - 标签标签的样式对象 tabStyle - 标签的样式对象 tabBarOptions...- 标签的样式对象 indicatorStyle - 标签指示器的样式对象(选项卡底部的行) labelStyle - 标签标签的样式对象 iconStyle - 标签图标的样式对象 style - 标签栏的样式对象

    7.8K60
    领券