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

最详细的 Android Toolbar 开发实践总结

初识 Toolbar Toolbar是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ,Google 非常推荐大家使用 Toolbar 来作为Android客户端的导航栏...除此之外,在设计 Toolbar 的时候,Google也留给了开发者很多可定制修改的余地,这些可定制修改的属性在API文档中都有详细介绍,如: 设置导航栏图标; 设置App的logo; 支持设置标题和子标题...如果你只设置 导航图标 ( or app logo ) 和 title 、 subtitle ,会发现 app logo 和 title 、 subtitle 的间距比较小,看起来不如 导航图标 与 它们两搭配美观...不设置Theme的效果 最后,再给知乎的主页面做个小小的优化,它在 Android 4.4 上运行还是能够看到一条黑乎乎的通知栏,为此我把 Toolbar 和 Translucent System Bar...Android4.4上改进版的知乎主页 ? Android5.1上改进版的知乎主页 总结 关于 Toolbar 的使用就介绍到此,本来是怀着很简单就可以上手的心态来使用,结果发现还是有很多坑需要填。

94420

为什么我建议在复杂但是性能关键的表上所有查询都加上 force index

对于 MySQL 慢 SQL 的分析 在之前的文章,我提到过 SQL 调优一般通过下面三个工具: EXPLAIN:这个是比较浅显的分析,并不会真正执行 SQL,分析出来的可能不够准确详细。...这里再说一下在不同的 MySQL 版本, EXPLAIN 和 OPTIMIZER TRACE 结果可能不同,这是 MySQL 本身设计上的不足导致的,EXPLAIN 更贴近最后的执行结果,OPTIMIZER...但是不能直观的看出来为啥会走错索引,需要通过 OPTIMIZER TRACE 进行进一步定位。但是在进一步定位之前,我想先说一下 MySQL 的 InnoDB 查询优化器数据配置。...这也引出了一个新的可能大家也会遇到的问题,我在原有索引的基础上,加了一个复合索引(举个例子就是原来只有 idx_user_id,后来加了 idx_user_status_pay),那么原来的只按照 user_id...所以最好一开始就能估计出大表的量级,但是这个很难。 结论和建议 综上所述,我建议线上对于数据量比较大的表,最好能提前通过分库分表控制每个表的数据量,但是业务增长与产品需求都是不断在迭代并且变复杂的。

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

    朋友做了个编程导航网站!

    前段时间,我的一位在鹅厂做全栈开发的朋友鱼皮,利用工作之余的时间,独自爆肝了 200 多个小时,开发了一个编程导航网站! 网站的目标很简单,帮助大家轻松发现优质编程资源。...了解它的功能后,我问朋友鱼皮为啥要做这东西,他只回答了两个字:需要。 为什么需要编程导航?...总是有很多学编程的朋友问 “有没有学 xx 的资源”、“我需要 xx 资源,能发我一份么”。 [baipiao.jpg] 他感到奇怪,网上资源那么多,大家都不会自己搜索么,为什么总是要来问呢?...答:大多数编程导航网站都年久失修,虽然也有不错的导航,但是在搜索、归类上都比较局限和模糊,很多网站无非就是搬个搜索引擎 + 网站链接 “大杂烩”,套个现成静态网站模板搞定,对用户并不友好。...[评分和评论] 问:分享资源时直接给别人可访问的链接不就行了,为什么要从编程导航分享? 答:的确,分享链接在很多场景下都很方便。

    98831

    灵感分享|10个优秀网站设计实例赏析及原型分享

    进入Sokruta网站后,引入眼帘的是醒目的大图背景,然后配合简单直观的导航。使用鼠标滚轮的切换方式让整个网站看起来非常炫酷以及充满个性。这些个性化的设计都是在视觉上给用户冲击,但是确实有效。...网站设计使用漂亮的美食大图背景吸引用户,全屏式的展示堪称完美。此外,采用汉堡包菜单按钮,设计抽屉式导航栏,可以大大节约网站空间。随着页面滚动,导航栏会自然的移动到页面顶部固定。...网站设计采用了非常给力的响应式设计,在PC端可以查看“Get Proposal”号召性用语按钮的完整菜单,但在平板和移动设备上非常精简。...Basecamp(Web,管理类) Basecamp是一款非常流行的基于云服务的项目管理软件。其主要页面有:登录注册页面、资料填写页面、主页、团队信息页面、最新更新页面等。 ? 演示链接 4....Taste(Web,美食类) Taste是国外知名的美食类网站,为人们提供丰富的美食菜单,帮助人们更好的享受美食带来的快乐。网站采用图文结合的排版方式,有固定顶部导航栏的交互功能等。 ?

    8.2K21

    Android开发:最详细的 Toolbar 开发实践总结

    客户端的导航栏,以此来取代之前的 Actionbar 。...除此之外,在设计 Toolbar 的时候,Google也留给了开发者很多可定制修改的余地,这些可定制修改的属性在API文档中都有详细介绍,如: 设置导航栏图标; 设置App的logo; 支持设置标题和子标题...下面有几个代码里面需要注意的地方: 我们在使用 Toolbar 时候需要先隐藏掉系统原先的导航栏,网上很多人都说给Activity设置一个NoActionBar的Theme。...不设置Theme的效果 最后,再给知乎的主页面做个小小的优化,它在 Android 4.4 上运行还是能够看到一条黑乎乎的通知栏,为此我把 Toolbar 和 Translucent System Bar...Android4.4上改进版的知乎主页 Android5.1上改进版的知乎主页 如果你还不知道 Translucent System Bar 的特性怎么使用,请查看我的上一篇文章:Translucent

    1.4K100

    导航页升级,用起来更爽了!

    前言 继 上次发文 通知大家我的导航页上线之后,自己又对其进行了进一步的完善,更加方便大家设置浏览器主页了! 先贴一张图来展示下完善后的导航页: ?...导航主页 导航地址: https://cunyu1943.site/navigation 2....更新内容 导航页上线之初,个人规划主要将其分成如下 7 部分: 个人专区:主要是我个人的一些专属链接,通过这些链接你能够轻松的找到我; 常用推荐:我日常使用频率较高的网站或软件等推荐; 优质网站:也就是上一篇文章中所提到的...:鉴于大家可能装系统时需要用到系统镜像,所以在这里独立出来一个模块,方便大家下载相应镜像; 关于本导航:主要是说明建立该导航的初衷; 此次更新主要是在上线初版的基础中加入了如下内容: x去除左侧导航栏...关于本导航; √完善导航页数据; √顶部导航栏新增 关于博主; √顶部导航栏新增 评论留言,主要是方便大家提交自己觉得不错的资源(网站、软件、插件等); √新增搜索框,方便大家设置浏览器主页,打开之后直接就能搜索

    80110

    第三次重写个人网站,分享一些感想

    我以前做个人主页的目的只是为了收集在 简书 和 Medium 上的文章,顺便写写个人简介,就当个主页了。 当时比较迷恋: 内容为王 这个思路。所以我的想法很简单:一切以博客文章为主。...绝不手写轮子,轮子给我啥我用啥,就用默认的样式。 可以看到无论是 v1.0 和 v2.0 都是一股强烈的 Element UI 味,很多组件连改都不改,只在 v2.0 在首页上稍微做了点改进。...而且我还非常的 鸡贼 ,我偏不踩 Markdown 和编辑器的坑,所以文章链接都是 外链 形式,点进去就跳转到 简书 和 Medium 上。...唯一的难度就是自己设计不出来这么好看的,所以我在 dribbble 和 behance 上找了一个模板,再结合别的一些元素,边开发边融合。 为什么不?...所以,放过自己,站在巨人肩膀上不香么?好了,废话不多说,下面就来说说我是怎么实现的吧。 导航栏 - Nav Nav.jpg 经典的左边 Logo,右边 List 布局,实现方法非常多。

    1K50

    第三次重写个人网站,分享一些感想

    我以前做个人主页的目的只是为了收集在 简书 和 Medium 上的文章,顺便写写个人简介,就当个主页了。 当时比较迷恋:内容为王 这个思路。所以我的想法很简单:一切以博客文章为主。...绝不手写轮子,轮子给我啥我用啥,就用默认的样式。 可以看到无论是 v1.0 和 v2.0 都是一股强烈的 Element UI 味,很多组件连改都不改,只在 v2.0 在首页上稍微做了点改进。...而且我还非常的 鸡贼,我偏不踩 Markdown 和编辑器的坑,所以文章链接都是 外链 形式,点进去就跳转到 简书 和 Medium 上。...唯一的难度就是自己设计不出来这么好看的,所以我在 dribbble 和 behance 上找了一个模板,再结合别的一些元素,边开发边融合。 为什么不?...所以,放过自己,站在巨人肩膀上不香么?好了,废话不多说,下面就来说说我是怎么实现的吧。 导航栏 - Nav Nav.jpg 经典的左边 Logo,右边 List 布局,实现方法非常多。

    86820

    URL 设计最佳实践

    它们是 Web 的一种通用语法。不要认为这是理所当然的。 我喜欢这个无处不在的 URL 提醒。它们不仅用于在浏览器栏中输入内容。它们的使用方式多种多样: 作为脚本和抓取以及其他编程数据检索的目标。...事实上,随着时间的推移,它可以很容易地改变,而不会破坏 URL(我觉得这很优雅)。 当然,它也可以被欺骗性地使用。...她在她的网站上即兴演奏这种有趣的第三人称形式的“我是”。例如,单击主导航栏中的“关于”,它将带您: jessicahische.is/anoversharer 这很有趣!...想在 NPM 上看到 react-router 吗?您不必转到 NPM 的主页并单击或使用他们的搜索框。...对于 NPM,您正在搜寻 package.json,并且需要查找固定在特定版本的特定包的一些详细信息,只需识别所需的版本并将详细信息键入到 URL 栏中,即可导航到该包的 NPM 详细信息。

    14410

    WordPress外贸产品(B2B)网站优化方法7个实用建议!

    这意味着你的文本应该包含强大的关键字,但仍然看起来有机和迷人。 为什么产品描述如此必要?总的来说,这确实是您可以在网站上放置特定产品的唯一文本内容。...基本上,这是你在文本中自然地包含关键词的唯一机会 2. 使用有效的页面标题 页面标题对访问者和搜索引擎都至关重要。它告诉他们页面是关于什么的。...3.面包屑导航 面包屑是网站导航的一个元素。它看起来像是用户所在的主页到当前页面的路径。更正确的术语应该是导航链。...他们停留在你的网页上的时间越长,它在搜索引擎中的排名就越高。 那么如何使导航最有效呢?首先,将最重要的页面放在主导航栏中 5.简短URL 说到url,越短越好。尽你最大的努力使你的网址尽可能的短。...只包含目标关键字! 不,一个长网址不会破坏你的排名。但它会让你的链接看起来像垃圾邮件,从而降低你的点击率。如果您更改了永久链接,这将帮助您更好地控制URL结构。

    4.1K20

    爆肝 200 小时,我做了个编程导航!

    下面介绍我做这个项目的初心、项目简介、技术选型、后续计划等。 为什么需要编程导航? 总是有很多学编程的朋友问 “有没有学 xx 的资源”、“我需要 xx 资源,能发我一份么”。...在重复接收类似讯息后,我陷入深思。...,没有被人发现 网上的编程资源非常零散,真实性、有效性很不确定 意识到这些问题后,作为一个开发者,我可以做些什么?...QA 问答 Q:编程类导航网站都烂大街了,为什么还要做导航? A:大多数编程导航网年久失修,也有不错的导航,但是在搜索、归类上比较局限,而且没有自主推荐、喜欢等功能,不具备可持续发展性。...Q:分享资源时直接给别人可访问的链接不就行了,为什么要从编程导航分享? A:的确,分享链接在很多场景下都很方便。但如果分享资源时,能让他人直接看到资源的描述、详情,可以更快地帮助他人使用和理解。

    1.8K43

    测试用例参考示范

    [后退]按钮   4.单击浏览器工具栏上的[前进]按钮   Expected Results:   1.弹出“三木”的个人购物主页;   2.弹出“修改个人信息”界面;   3.返回到“网上购物系统...“米奇”登录   2.在页面中单击[第一条]、[下一条]、[上一条]、[最 后一条]   Expected Results:   1.弹出“米奇”的个人购物主页   2.可以正确跳转到对应的页面上...单击每一个链接,检查所链接的页面是否存在   Expected Results:   所有链接均有链接页面   Test Case 109:系统上没有孤立的页面   Summary...:   保证Web应用系统上没有孤立的页面,所谓孤立页面是指没有被链接的页面   Steps:   使用测试工具XENU,检测系统     Expected Results:   系统上没有孤立的页面...Results:   导航按钮清晰可见,便于使用   Test Case 111:主页中是否提供了主要模块的链接   Summary:   系统中的主要模块应该可以通过主页链接,直接访问

    4.3K50

    分享下如何在Vue项目中进行网页布局

    这经常导致对于应该在多个应用程序中相似的问题而言,采用次优和不太正规的解决方案。 经过多次尝试,我总结出了一种既有效又无需烦恼地扩展的布局方式。让我用一个小的示例演示一下。...Router 我们需要在页面之间进行导航,这就是为什么我们要设置vue-router。...主页是每个流行社交网络都使用的典型三栏布局。第一栏包含应用程序的标志和导航,这在使用此布局的每个页面上都保持不变。底部右侧的页脚也是如此。主要内容和侧边栏小部件在每个页面上都会有所变化。...这个布局有3列 第一列将包含一个标志和导航组件 第二列将只创建默认插槽,并让页面决定将插入什么内容 第三列将包含侧边栏和页脚组件,这是每个页面都共有的。...文章页面还将在默认插槽中包含独特的内容,并在侧边栏上添加一个额外的小部件: import ThreeColumnLayout from "..

    67230

    带你认识 flask 用户通知

    01 私有消息 我要实现的私有消息功能非常简单。当你访问用户的个人主页时,会显示一个可以向该用户发送私有消息链接。该链接将带你进入一个新的页面,在新页面中,可以在Web表单中发送消息。...要阅读发送给你的消息,页面顶部的导航栏将会有一个新的“消息”链接,它会将你带到与主页或发现页面相似的页面,但不会显示用户动态,它会显示其他用户发送给你的消息。...new_messages()辅助方法实际上使用这个字段来返回用户有多少条未读消息。在本章的最后,我将把这个数字作为页面顶部导航栏中的一个漂亮的徽章。...导航栏上的未读消息标志的最简单实现可以使用Bootstrap badge小部件渲染到基础模板中: app/templates/base.html:导航栏的静态消息通知徽章 ......在两个浏览器上使用不同的用户登录Microblog。 然后从A浏览器向B浏览器上的用户发送一个或多个消息。 B浏览器的导航栏应更新为显示你在10秒钟内发送的消息数量。

    1.9K30

    GitHub(一)|怎样使用GitHub

    1.写在前边的话,为什么要写CitHub? 跟朋友在交流的时候听到求职的时候发现有些公司要附Github帐号,一个优秀的 GitHub 账号当然能让你增色不少。...注册成功之后你会到 GitHub 的主页面来: 你如果是新注册的可能看到的跟我不一样,因为你们新用户,没有自己的项目,没有关注的人,所以只有一个导航栏。...导航栏,从左到右依次是 GitHub 主页按钮、搜索框、PR、Issues、Gist(这些概念后面会讲的)、消息提醒、创建项目按钮、我的账号相关。...你开源了一个项目,别人想在你这个项目的基础上做些改进,然后应用到自己的项目中,这个时候他就可以 Fork 你的项目,这个时候他的 GitHub 主页上就多了一个项目,只不过这个项目是基于你的项目基础(本质上是在原有项目的基础上新建了一个分支...4.创建自己的项目 点击顶部导航栏的 + 可以快速创建一个项目,如下图: 创建一个项目需要填写如上的几部分:项目名、项目描述与简单的介绍,你不付费没法选择私有的,所以接着只能选择 public 的

    1.1K20

    1.写在前边的话,为什么要写CitHub?2.GitHub 是什么?3.注册 GitHub

    1.写在前边的话,为什么要写CitHub? 跟朋友在交流的时候听到求职的时候发现有些公司要附Github帐号,一个优秀的 GitHub 账号当然能让你增色不少。...注册成功之后你会到 GitHub 的主页面来: ? 你如果是新注册的可能看到的跟我不一样,因为你们新用户,没有自己的项目,没有关注的人,所以只有一个导航栏。...导航栏,从左到右依次是 GitHub 主页按钮、搜索框、PR、Issues、Gist(这些概念后面会讲的)、消息提醒、创建项目按钮、我的账号相关。...你开源了一个项目,别人想在你这个项目的基础上做些改进,然后应用到自己的项目中,这个时候他就可以 Fork 你的项目,这个时候他的 GitHub 主页上就多了一个项目,只不过这个项目是基于你的项目基础(本质上是在原有项目的基础上新建了一个分支...Gist 有些时候你没有项目可以开源,只是单纯的想分享一些代码片段,那这个时候 Gist 就派上用场了! 4.创建自己的项目 点击顶部导航栏的 + 可以快速创建一个项目,如下图: ?

    71030

    手把手教你用vuepress搭建自己的网站(2)

    ,这样显得挺友好,而不是一上来,就放一堆的内容,看得令人眼花缭乱 在vuepress默认的主题中提供了一个首页(Homepage)的布局 (用于您网站的主页)。...,在您以后用 md 写文章时,同样引入图片时,图片的后缀名都不能带有中文字符 配置导航栏 导航栏中有页面标题、搜索框、 导航栏链接、多语言切换、仓库链接,它们都是可以直接通过配置出来的,在 config.js...其中导航栏的链接分为三种:一级 nav,链接,二级下拉菜单,带标题的多级分类菜单 一级 nav,直接带路由即可 themeConfig: { nav: [ { text: '首页', link...如果想 nav 二级下拉菜单,如下配置,link的属性值带有链接,会直接是链接,若不是那就是路由,在vuepress中提供了一个items属性,配置二级导航如下所示 themeConfig:{ nav...为什么有必要将 config 进行拆分,分割?

    2.6K20

    2020年网站首屏设计:最佳实践和例子

    你需要在信息的丰富与其和谐的安排之间找到平衡。 只使用需要的数据,无论所有的链接看起来多么重要,过度的首屏没有益处。 首屏留白太多也不是一个好办法。...一定注意不要令网站的导航部分过于杂乱。 太多的链接会压倒访客。 有时,对网站结构的整体调整可能是为最重要的类别腾出一些空间。...Street Fashion Product Page 固定导航栏 固定导航栏或始终粘在界面上方,无论你的页面是否滚动都能看见它。这已经成为一个网页设计标准。...在不违反整体设计概念的情况下,请固定导航栏。无论对桌面还是移动设计,这都是一个很好的想法: 电子商务网站-购物车总是在用户面前。 服务网站-电话号码或CTA会持续显示。...Builddie Website Homepage 视频或动画 不要把注意力集中在静态图像上。 添加视频是最有效的突出网站首屏的方式之一 。如果可能,请尝试将主题视频材料添加到首屏中。

    2K10

    团队技术文档构建利器vuepress上手实践

    参数配置 3.1 主题配置 3.1.1 主页(homepage) 3.1.2 导航栏(navbar) 3.1.3 侧边栏(sidebar) 3.1.4 搜索框(search box) 3.1.5 最近更新...附录:config.js 详细配置 demo Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian...3.1.2 导航栏(navbar) themeConfig.nav 导航栏包括 左侧页面标题、搜索框、导航栏链接、多语言支持、仓库链接,支持下拉分组菜单,还支持在全局或单页面中禁用。...3.1.3 侧边栏(sidebar) themeConfig.sidebar 侧边栏一般用于文档的目录索引,可以直接在 config.js 中配置链接数组,也在页面中配置 sidebar:auto 自动生成侧边栏目录...3.1.7 上一页 / 下一页链接(prev / next links) 可以在每个页面设置上下页链接。

    1.3K20

    Typecho中handsome主题如何增加侧边导航栏

    在学习工作中,我通常使用偏后端的开发语言ABAP,SQL进行任务的完成,对SAP企业管理系统,SAP ABAP开发和数据库具有较深入的研究。...文章概要:handsome主题在使用的过程中导航栏初始时只有首页一个导航页面,本篇文章主要讲解一下应该如何修改源代码增加多个导航栏并且为其设置子导航。...—-/主页—->的注释下方增加以下代码,便可以实现左侧导航的增加了 导航栏名") ?...iconfont图标的颜色 ---- 超链接 如下图所示修改下面两个框中的代码即可令导航链接到相应页面,其中最上面的框中对应父级导航的超链接,下面框中对应子级导航的超链接 ---- 多级子导航 假若为一个父级导航增加多个子级导航

    1.2K30
    领券