文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iOS开发常用之网络

KMNavigationBarTransition - LTNavigationBar在右滑返回的时间NavigationBar显示都不完美，KMNavigationBarTransition一个用于统一管理导航栏转场以及当推或者弹出的时候使动画效果更加顺滑的通用库...MediumScrollFullScreen - Medium的可扩展滚动页面，上下滚动时，全屏显示内容，并自然消隐上下菜单。...KGFloatingDrawer - 侧滑菜单，qq类似，KyleGoddard / KGFloatingDrawer：一款适合于大屏手机或平板的浮动抽屉式导航界面组件。...支持block回调版本新特性，导航页，引导页）。 MZGuidePages - 自己写的通用导航页，可以直接引入工程使用，请参考案例（版本新特性，导航页，引导页）。...（版本新特性，导航页，引导页）。 ABCIntroView - ABCIntroView是一个易于使用的入门类，让你到达主屏幕之前介绍你的应用程序（版本新特性，导航页，引导页）。

23.7K10

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

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。...当点击进入新页面时，其导航栏的左侧会出现一个返回按钮，并带有前一页面的标题。 有时，导航栏的右侧也会有一个控件，如“编辑”或“完成”按钮，用于管理活动视图中的内容。...例如，当人们查看全屏照片时，“照片”会隐藏导航栏和其他界面元素。如果你的APP也用到了这个功能，切记要让用户使用简单的手势（如点按）来恢复导航栏。 导航栏标题 在导航栏中显示当前视图的标题。...隐藏大标题导航栏的边框。在iOS 13及更高版本中，可以通过删除导航栏的阴影来隐藏导航栏的底部边框（当滑动内容区域时，边框会自动重新出现）。...四、状态栏（Status Bars） 状态栏出现在屏幕的上边缘，并显示有关设备当前状态的有用信息，例如时间，移动电话和电池电量。状态栏中显示的实际信息取决于设备和系统配置。 使用系统提供的状态栏。

9.9K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    折叠屏上应用设计规范，了解一下？

    最重要的一点是，栏式网格提供了一种合理的方式来思考当屏幕尺寸变大或变小时如何将内容进行重排，从而帮助您对不同的屏幕尺寸作出一致响应。...例如，在大屏设备上，您可使用 Navigation rail (左侧边栏导航条) 代替 底部导航 (Bottom navigation)，两者功能相同，视觉表现方式也类似，但 Navigation rail...针对每个页面，您可以思考一下，当屏幕尺寸变大时，可以添加什么内容。当屏幕尺寸变小时，可以删除哪些内容。然后再选择合适的策略。...我们有许多可选方案，比如使用屏幕尾侧的侧边抽屉式导航栏，或者使用上滑式底部动作条，或者使用选项菜单，甚至可以将内容完全隐藏起来。...△ 铰链区域 当设备从折叠模式转换到非折叠模式时，有两种主要的技术方案可用于设计布局。第一种是扩大屏幕，该方案采用了一种简单的响应式布局，在该布局下应用会扩展内容并填充到屏幕上。

    4.5K20

    七个用户体验设计小秘诀，打造最舒服的互动流程

    这就是为什么关注内容并删除不支持用户任务的不必要的元素。考虑到他们的注意力减少，应该将用户快速引导到他们要找的内容。 内容就是界面。 地图 Google地图是一个很好的例子。...桌面上的混乱很糟糕，在移动设备上是有一百倍的差。（图像：ftrain） 正如Antoine de Saint-Exupéry所言： “当没有什么可以带走的时候，完美就可以实现了。”...简化导航 导航应激励用户参与并交流你所提供的内容。 帮助用户浏览应该是每个应用程序的高优先级。移动导航必须是可发现且可访问的，并且必须占用很少的屏幕空间。...但，由于小屏幕的局限性以及Chrome内容优先级的需求，使得移动设备上的导航可以访问是一个挑战。 在为移动应用设计导航系统时，请考虑一些常规的经验法则： （1）了解你的用户。...让我们看看一些例子 切换菜单 依靠菜单控件来简化移动界面（特别是在小屏幕上）是很诱人的。但是，隐藏这些菜单背后的应用程序的关键部分可能会损害使用。隐藏的导航降低了参与度，减缓探索和迷惑人。 ?

    2.5K60

    浅谈 Android 自定义锁屏页的发车姿势

    scrollTo与scrollBy也可以实现移动，但是只是移动View的内容，并不能移动View本身。另外就是通过修改布局参数LayoutParams实现移动，虽然没有版本的限制，用起来相对复杂。...这样的设定对于看图软件，视频软件等等没什么大问题，但是对于游戏之类用户需要经常点击屏幕的 App，那就几乎是悲剧了——这也是为什么你在 Android 4.4 之前找不到什么全屏模式会自动隐藏导航栏的应用...，短暂调出的状态栏和导航栏会呈半透明状态，并且在一段时间内或者用户与应用内元素进行互动的情况下自动隐藏，沉浸模式的四种状态如下图。...，通过其他标签设定状态栏和导航栏显示或隐藏，以及显示或隐藏的样子。...现在除了原有的“半透明”模式以外，还有“全透明”以及“变色”模式，一种会完全隐藏背景，另一种可以取色作为背景颜色，多种样式的透明栏如下图（上图为透明状态栏，下图为透明导航栏）： ? ?

    3.9K91

    【愚公系列】《微信小程序与云开发从入门到实践》028-WeUl库中的导航栏与搜索栏组件

    本篇文章将聚焦于WeUl库中的两个核心组件——导航栏和搜索栏。导航栏作为应用界面的骨架，负责引导用户在各个页面之间快速切换，而搜索栏则是提升信息检索效率的利器。...在接下来的内容中，我们将详细介绍WeUl库中的导航栏和搜索栏组件的使用方法与实践技巧，帮助您在项目中快速上手并灵活运用这些组件。...一、WeUl库中的导航栏与搜索栏组件 1.NavigationBar 组件 NavigationBar组件用来自定义导航栏。...animated 布尔值 设置导航栏是否显示和隐藏过程中是否显示动画效果 bindback 函数 绑定在用户点击默认的返回按钮的回调事件...插槽名 含义 left 导航栏左侧区域插槽，与导航栏的back属性冲突，不能同时使用 center 导航栏中间区域插槽

    11600

    超大触摸屏设计的7大注意事项

    在没有指令的情况下，屏幕元素必须具有可导航和清晰的显示功能。 触摸目标需要易于查看，并创建明显的交互效果。...需要注意的是，设计师要确保用户在访问不同的内容时，导航始终可用。 为你的产品设计一个导航模式时，最好采用一般网站普遍使用的导航模式，如将导航栏设置在屏幕上方或侧边栏中。...在较大的屏幕上，键盘可能会变得笨拙和缓慢，需要消耗用户额外的体力。但是，如果你确实有基于键盘的输入，请在导航中设置一个键盘切换命令，这样用户就可以在需要的时候轻松地显示和隐藏键盘。...用户在公共场所中使用大屏设备，并不意味着他们希望其他人知道自己在做什么，特别是在输入一些重要信息时。而屏幕越大，其他人就越有可能看到用户输入的内容。...思考一下：在公共场所，许多超大屏或者小屏设备（如可移动的信息亭或大型平板电脑）都是便携式的。这会涉及到设备对互联网的访问，以及网络连接是否能正常工作。

    1.4K70

    最新iOS设计规范九｜10大系统能力（System Capabilities)

    屏幕空间中的内容在虚拟世界中或在设备屏幕上显示为固定在一个一致的位置。人们通常很容易在屏幕空间中查找和查看内容，因为当底层AR环境随设备一起移动时，内容保持静止。...默认情况下，初始化或重新定位开始时，辅导视图会自动出现，因此您应该准备隐藏不相关的UI，以帮助人们专注于辅导视图的说明。 如有必要，请提供自定义的教练引导。...当图像可能在环境中移动时，或者当附加的动画或虚拟对象与图像大小相比较小时，请使用跟踪的图像。 与人沟通 如果必须显示说明文字，请使用易于理解的术语。AR是一个可能使某些人感到恐惧的高级概念。...在启用AirPrint的应用程序中查看可打印内容时，人们通常会在导航栏或工具栏中点击操作按钮，然后点击“打印”操作以显示打印机视图。...如果您的应用程序具有工具栏或导航栏，请通过系统提供的“操作”按钮启用打印。用户熟悉此按钮，并使用它在其他应用程序中进行打印。如果您的应用程序没有工具栏或导航栏，请设计一个自定义打印按钮。

    4.3K20

    最新iOS设计规范五｜3大界面要素：控件（Controls）

    iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。...本文是iOS设计规范系列第5篇，介绍3大界面要素（栏、视图、控件）中的控件（Controls）。首先让我们回顾一下iOS的3大界面要素。...栏（Bars） 栏，可以告诉用户在APP中当前在所在的位置、能提供导航，还可能包含用于触发操作和传递信息的按钮或其他元素。包括6种：导航栏、搜索栏、侧边栏、状态栏、标签栏、工具栏。...进度条非常适合显示任务的状态，尤其是当它帮助传达任务需要完成多长时间时。 在导航栏和工具栏中隐藏轨道的未填充部分。默认情况下，进度条的轨道包含已填充和未填充的部分。...当在导航栏或工具栏中使用时，进度栏应配置为隐藏轨道的未填充部分。 进度条的外观可以自定义。可以调整进度条的外观以匹配APP的设计。例如，您可以为轨道填充指定自定义色调或图像。

    8.6K30

    浅谈Android自定义锁屏页的发车姿势

    这样的设定对于看图软件，视频软件等等没什么大问题，但是对于游戏之类用户需要经常点击屏幕的 App，那就几乎是悲剧了——这也是为什么你在 Android 4.4 之前找不到什么全屏模式会自动隐藏导航栏的应用...，短暂调出的状态栏和导航栏会呈半透明状态，并且在一段时间内或者用户与应用内元素进行互动的情况下自动隐藏，沉浸模式的四种状态如下图。...，通过其他标签设定状态栏和导航栏显示或隐藏，以及显示或隐藏的样子。...现在除了原有的“半透明”模式以外，还有“全透明”以及“变色”模式，一种会完全隐藏背景，另一种可以取色作为背景颜色，多种样式的透明栏如下图（上图为透明状态栏，下图为透明导航栏）： ? ?...所以，透明栏只是能够改变状态栏和导航栏的颜色，并不像沉浸模式那样隐藏状态栏和导航栏，两者是有本质区别的。

    2.3K80

    Android 4.0 平台特性

    你能够为联系人添加一个大的照片在PHOTO列，系统会再加工成相应的缩略图显示照片记录。...例如,当屏幕狭窄(例如,当一个手机在肖像取向),Action Bar的导航标签出现在一个“堆叠柱形”,直接出现在下面的主要Action Bar。...这样,一种装置,它提供了导航栏也有状态栏在顶部。 直到今天,您可以隐藏状态栏上使用手机FLAG_FULLSCREEN标志。...当设置时,这个标志使“低调”模式为系统的容器或导航栏。导航按钮暗淡,其他元素酒吧也隐藏系统。使这是有益的创造更多的引人入胜的游戏系统按钮。...SYSTEM_UI_FLAG_HIDE_NAVIGATION行是一种新的标记要求导航栏隐藏完全。 注意,这只是工作为导航栏采用手机(不隐藏系统容器)。导航栏尽快返回查看系统接收用户输入的信息。

    1.2K20

    武汉移动网站优化的五大要点

    减少广告，在桌面设备上，过多的广告会直接导致负面的用户体验，它在移动设备上更糟糕，并且会让用户感到沮丧。 　　...此外，因为响应式网站通常通过缩小或隐藏内容来调整自身以适应更小的移动电话屏幕尺寸，所有内容仍将被加载，其加载时间往往更长并且访问速度更慢。 　　...对于响应式网站，能够检测不同类型的浏览器并使用适当的版本进行响应至关重要。相关代码还需要编程以指示该URL适合桌面和移动设备的不同搜索引擎，因此搜索引擎将能够抓取并索引移动设备的内容。 　　...3.修剪不重要的内容和功能 　　顶部的两个或三个导航栏对于桌面中文网站设计非常普遍，但在手机上显然是不合适的。通常的做法是在移动版本上减少导航系统，包括顶部导航，面包屑和侧栏。...如果完全保留主导航，则在用户单击时必须折叠并展开。如果它们出现，最多五个或六个顶部导航栏。汉堡菜单是一种流行且令人愉悦的移动浏览体验。

    1.5K00

    干货！让人一见钟情的网站header设计攻略

    此外，它的视差滚动设计真的是非常机智，伴随滚动，logo和其他的CTA会回到顶部导航。 4....Oven Oven采用了隐藏式导航，因此整个页面更加简洁干净，只有核心元素在界面上直接显示，可以说是元素展示最少的header设计之一了，最吸引人注意的是hero大图。 9....整体的设计还具有一致的布局和直观导航，该模板是完全响应式的，可以适应任何移动、平板和电脑设备。 12. DreamSoft DreamSoft是一款为软件开发公司设计的多页网站模板。...分享一下我最喜欢的三点： 第一：导航栏。这里展示了logo，搜索按钮和其他CTA按钮引导用户，鼠标移动时刻高亮显示； 第二：轮播图像。很多高分辨率的图像滚动，每一张都非常精致，和业务息息相关。...当悬停鼠标在图片上时，家具图片会响应显示其详细信息。

    1.9K00

    最新iOS设计规范二｜7大应用架构

    iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。...后台也要尽可能使用预加载，例如在播放动画或用户正在操作导航栏的选项卡时，后台预先加载出来即将播放和显示的内容。 用引导或娱乐的方式来掩盖加载的时间。...例如，当模态视图包含导航栏时，它应该采用与APP导航栏相同的外观。 为模态视图的展示提供合适的过渡动画。使用与APP风格统一的过渡动画，增强用户对内容转变的认知。...导航栏的标题可以显示层级结构中的当前位置，返回按钮可以轻松返回到上一位置。 使用 Tab Bar（标签栏）展示对应类别的内容或功能。使用标签栏显示对应类别的内容或功能。...标签栏可让人们快速轻松地在不同类别之间切换。 在iPad上，使用拆分视图而不是标签栏。拆分视图提供与选项卡栏相同的快速导航，同时更好地利用了大屏幕。 当您具有内容类型相同的多个页面时，请使用页面控件。

    2.6K20

    iOS开发UINavigation系列四——导航控制器UINavigationController

    返回堆栈中所有的controller @property(nonatomic,copy) NSArray *viewControllers; //设置隐藏导航栏... id)sender; //弹出键盘的时候隐藏导航栏 @property (nonatomic, readwrite, assign) BOOL hidesBarsWhenKeyboardAppears...; //屏幕滑动的时候隐藏导航栏，常用于tableView,上滑隐藏导航栏，下滑显示，带动画效果 @property (nonatomic, readwrite, assign) BOOL hidesBarsOnSwipe...; //横屏的时候隐藏导航栏 @property (nonatomic, readwrite, assign) BOOL hidesBarsWhenVerticallyCompact; //敲击屏幕可以隐藏与显示导航栏...五、UINavigationDelegate         导航控制器还提供了一些代理回调方法，如下： //视图将要展示时调用的方法 - (void)navigationController:(UINavigationController

    1.8K20

    大屏时代的生态变迁，看平板手机的拇指热键与界面布局

    然而，随着大屏手机不断涌入市场，到2014年年中，已经有将近三分之一的移动Web浏览量来自这些设备。...虽然根据Android设计规范的要求，我们应该在小屏手机中将App的导航与功能控件放置在顶部，以避免与底部的系统导航栏产生冲突，但是在大屏设备上，可以将一些高频控件从标准的Action Bar中移出，并放置到屏幕底部...不过毕竟单一按钮的尺寸较小，不会像在系统导航栏上堆叠一层工具栏那样带来很大的影响。在Android的UI体系当中，这种悬浮按钮称为“FAB”（Floating Action Button）。...实际上，早已普及的下拉刷新模式也是相同的道理，用户不必与界面远端的某个控件产生交互，只要直接在内容上进行手势操作即可。 对于移动版本的网页，仍然建议使用前文中介绍过的锚点链接导航模式。...我总会在用户研究中观察到这样的现象：对移动设备上的网页，除非用户在主要内容区域实在无法找到自己需要的信息，否则他们几乎不会想起主导航。

    2.4K10

    【Hybrid开发高级系列】ReactNative(七) —— RN组件专题

    这是一个控制组件，所以为了组件更 新，你必须钩在onDateChange回调中，并更新date支持，否则用户的变化将立即恢复以反映props.date。...onRegionChangeComplete函数型         当用户完成移动map时，调用一次回调函数。     ...automaticallyAdjustContentInsets 布尔型 bounces 布尔型         当为真时，当滚动视图到达内容底部时，反弹，如果内容比滚动视图是大，那么滚动视图沿着轴滚动方向反...，轻击状态栏滚动视图会滚动到顶部。...在接下来的例子中，嵌套的标题和正文文本将从style s.baseText继承FontFamily，但是标题会提供它自己其他的设计风格。标题和正文在文字换行时会堆叠在彼此 之上。

    58440

    如何使用远程控制软件并将用途最大化？4款国内外优质应用测评解析

    通过远控，员工可以随时从任何其他计算机或移动设备上访问工作计算机；IT能够远程支持和管理计算机和移动设备，希望通过这篇简短的测评文，可以对大家有所帮助！...我会针对这4款进行逐一详解，会重点介绍国产的2款，也会一同对比下并简述优劣以便直观了解选用~ 【ToDesk】 ToDesk算是国内最常用的远控软件之一，也是我用的最多的。...ToDesk白色的界面比较清爽大气，无论是操控台的信息布局还是导航栏的都一项项列的很舒展且简明易懂。...圆形○导航栏很有特色，位置可随意摆放，交互做的很精准，弹出子页面很敏捷。...不过功能栏还蛮有特色的，是盘形的，功能基本都能调的出。

    1.5K31
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券