一、标签式导航 标签式导航又称为tab式导航，现在大多数app采取的主流形式，一般分为底部导航、顶部导航、底部和顶部双tab导航 1、底部标签导航 底部导航一般采用3-4个标签，最多不会超过5个，有更
导航设计的目的就是需要突出产品的核心，扁平化用户的任务路径。让用户能够顺利的在产品中畅行，让用户时刻清楚自己在应用中所处的位置，及如何前往目的页面。
我们在浏览网页时或者翻转页面时，经常会看到很多精美的效果的效果。其中，抽屉式网页效果比较常见，它主要由图片和文字通过添加js来实现。抽屉式网页通过移动鼠标来实现页面的切换，通过改变文字和图片而展现不同的界面，它非常实用而且实现简单。
这是第二个关于导航 (Navigation) 的 MAD Skills 系列，如果您想回顾过去发布的内容，请参考下面链接查看:
Hi 头像最近进行了 v2 版大改版，其中的交互动画得到了不少好友的称赞。今天我就来分享一些关于小程序 TabBar 创意动画，将从 TabBar 类型、完整的 TabBar 创意动画进行分析。
DrawerLayout是android.support.v4中提供的控件，用于实现边栏和侧滑效果。大家在各种 APP 中看到的左侧边栏就是这个控件。
随着用户数量的增加，光纤布线也变得越来越繁复，如何有效利用传输和数据机房空间，合理管理机房内线缆变得愈加重要。光纤配线箱(Optical Fiber Distribution Box，简称ODB)是光传输系统中一个重要的设备，通常置于光通信机房或机架内，用于管理光纤终端和实现配线功能。光纤配线箱的应用给安装人员提供了更丰富的功能和布线的灵活性。
这是一个新的系列文章，我们称之为 "Modern Android Development 技巧"，简称为 "MAD Skills"。本系列文章致力于帮助开发者们打造更好的现代 Android 开发体验，敬请关注。今天为大家发布本系列文章中的第一篇: 导航 (Navigation) 组件概览。
hi，这是系列文章：App之xxx的第2篇，第1篇我总结了App之“文字”的设计技巧。今天来总结下app的底部导航栏的设计。 我为什么写这个系列的文章。因为我正在做一款app，我在团队中主抓产品设计、UX/UI设计、部分前端开发，少量运营。在工作之余，我决定把所研究的内容写成关于app之xxx的系列文章，文章选择的题材会往“小而精”这个方向努力，范围在我的工作内容中选取。 先来看看app常用的导航模式有哪些：列表式、网格式、标签导航、抽屉式导航等。 简单对比下优缺点： 列表式结构清晰明了，大部分应
最近在看一些产品文章时，总会看到一些词汇（例如：“tabbar”、“抽屉菜单”、“宫格菜单”），开始也不是很能理解，但是结合上下文还是能猜出一二的。之后去搜了一下相关资料，得知这原来属于App导航设计
WPF做桌面开发是很有优势的，除了微软自带的控件外，还有很多第三方的控件库，比如收费的Dev Express For WPF、Telerik For WPF等，及Github上开源免费的控件库如MaterialDesignInXAML等。
页面跳转在 APP 中属于最常见，也是最基础的一个交互细节点。我们常见的跳转方式有直接跳转、左右跳转、上下跳转、翻转、联动。
自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚
最近流行 左侧抽屉式的导航条菜单，知乎，360，QQ都使用了这样的导航菜单，我们也了解下：
这张好康的壁纸来自一个神奇的软件，wallpaper engine，想必绅士们都知道（咳咳咳，我的壁纸年龄分级从来都是大众级哈。）
静电说：今天的案例解析栏目我们推出的是美食类应用“懒饭”设计思路的解析。懒饭是一款设计舒适优雅，易用性强的美食类应用，目前已经获得了APP Store的推荐。静电也是抱着试试看的心态下载来用的，没想到用起来还是很爽的，今天就跟大家来一起进行这个应用的解析。
WPF（Windows Presentation Foundation）是微软推出的基于Windows 的用户界面框架，属于.NET Framework 3.0的一部分。它提供了统一的编程模型、语言和框架，真正做到了分离界面设计人员与开发人员的工作；同时它提供了全新的多媒体交互用户图形界面。
1、Chrome控制台小技巧 打开和关闭抽屉式选项卡：按Esc键可打开和关闭 DevTools 的 Drawer（抽屉式选项卡） 在Drawer（抽屉式选项卡）中，你可以在 Console 控制
网页设计师们经常会浏览高质量的网页设计作品分享网站，来解决灵感枯竭的问题。因为在这些优秀的网站设计实例中可以看到某些趋势，诸如：扁平化设计、视差滚动、响应式设计、流行配色设计等等。今天小摹为大家带来10个优秀网站设计实例，希望能为网页设计师们带来好的灵感。
SlidingPaneLayout是Android在android-support-v4.jar中推出的一个可滑动面板的布局，在前面《Android开发笔记（一百零一）滑出式菜单》中，我们提到水平布局时的LinearLayout无法自动左右拉伸，必须借助于手势事件才能拉出左侧隐藏的布局，现在SlidingPaneLayout便是为了解决LinearLayout无法自动拉伸的缺陷。只要我们在布局文件的SlidingPaneLayout节点下定义两个子布局，那么页面默认会把第一个子布局作为左侧隐藏面板，一旦用户的手势从左向右滑动，左侧面板就被拉了出来。 SlidingPaneLayout的使用挺简单的，下面是它的几个常用方法： setSliderFadeColor : 设置主页面的阴影渐变色。即拉出左侧面板时，右边主页面的渐变阴影色，主页面变得越小则阴影色救越浓。阴影色默认为灰色。 setCoveredFadeColor : 设置左侧面板缩进去时的阴影渐变色。 setPanelSlideListener : 设置左侧面板的拉出监听器。该监听器实现了下面三个方法： --onPanelClosed : 左侧面板已关闭。 --onPanelOpened : 左侧面板已打开。 --onPanelSlide : 左侧面板在滑动。 openPane : 打开左侧面板。 closePane : 关闭左侧面板。 isOpen : 判断左侧面板是否打开。 下面是使用SlidingPaneLayout的效果截图：
多协议网关TG451,支持Modbus RTU、Modbus TCP协议、支持MQTT协议、支持TCP/IP、UDP、FTP、HTTP支持其他工业协议定制实现数据采集上传。计讯物联多协议网关支持APN/VPDN、OpenVPN、IPSEC、PPTP、L2TP等，数据传输安全可靠。
动画效果如今已经深入到 UI界面的每个角落。屏与屏之间的切换因为动效而显得更加连贯，交互的上下文逻辑也因为动效的加持而更加清晰。动效对于产品和用户而言，都是一个不可多得的重要组成部分。
作为产品经理不但要有能力作出产品设计和规划，更要尊重用户，作出用户体验更佳的产品 【用户体验要素】告诉我们如何更好的设计出让用户体验更佳的产品方法论，那么这本书如何更好的应用到实战中，我们如何更好的将
曾经听说过一句话，编程的本质就是指针和递归。那会刚开始编码，只是这两个的概念有个感性粗浅的认识。最早接触指针，莫过于C语言了，能否理解用好指针也成为一个合格C语言的基本标志。 Golang也提供了指针，但是go不能进行指针运算，因此相对于C也少了很多复杂度。私以为，go之所以提供指针，并不是为了让你更多和内存打交道，而是提供操作数据的基本桥梁。因为go很多调用，往往复制一份对象，例如函数的参数，如果没有指针，有些情况不得不存在很多副本。 内存和变量 编程语言中一般都会有变量。变量存储一些值。通常我们会对变量
在实际应用场景中，迎接新生活动或多或少是非常繁琐且复杂的任务，hi吾理旨在使用简单的微信小程序，为新生提供方便快捷且接地气的欢迎服务，为新生加速破冰，促进互相交流贡献力量。
编者按：本文作者Anthony Rose，是社交网络电台Zeebox的联合创始人及CTO，文章不仅分析了侧边栏导航和Tab导航的利弊，还有改版过程进行A/B test 的详尽过程，且最后也给了建议，读完能对这两种导航有清晰的认识，非常有价值的经验分享 。 设想你需要设计一个含有许多页面和模块，不能在一屏内显示完全的应用。你一定会首先想到去设计一个底部或顶部的Tab导航。等一下，多出来的一排导航看上去有点碍眼？我们尝试下把他们收到侧边栏里，或者叫安卓团队给它的名字“侧边抽屉导航”。 如果你们的应用的也是多
-首先这里使用了 Android 的HorizontalScrollView 水平滑动布局作为容器，当然我们需要继承它自定义一个侧滑视图
By Kayce Basques Technical Writer at Google
今天，一些设计师习惯于吹虚他们的app多么好用，多么高效甚至用户多么离不开它们，似乎这些特点就是他们设计的目标，但是我想推荐一个针对移动用户体验更为感性的目标：赢得用户的尊重。 为了做到这一点，我们必须围绕“故事”来构建移动用户体验。 移动用户体验并不是发生在手机端或者平板端，而是发生在某个时刻，某个地点，在此时此刻用户产生了某种特殊的需求或面对着某个问题，而你的移动产品能解决这些问题或者满足这些需求。通过改变“故事”的产出物，移动用户体验与用户之间建立起一种联系，从最初的惊喜到后来的信任，最终变成一种
随着用户认知提升，网页设计也在不断的向前发展，同时也逐步形成了一些规范，比如网页尺寸、文字规范、图片规范、按钮设计、表单设计、自适应设计与响应设计等。接下来小编跟你详细分享网页设计规范，以便您在设计之前一定要和前端沟通使用的尺寸、字体、交互等，这样有助于后期，不会有误会。
众所周知，在多页面应用程序中，页面的跳转是通过路由或导航器来实现的。在0.44版本之前，开发者可以直接使用官方提供的Navigator组件来实现页面的跳转，不过从0.44版本开始，Navigator被官方从react native的核心组件库中剥离出来，放到react-native-deprecated-custom-components的模块中。 如果开发者需要继续使用Navigator，则需要先使用yarn add react-native-deprecated-custom-components命令安装后再使用。不过，官方并不建议开发者这么做，而是建议开发者直接使用导航库react-navigation。react-navigation是React Native社区非常著名的页面导航库，可以用来实现各种页面的跳转操作。 目前，react-navigation支持三种类型的导航器，分别是StackNavigator、TabNavigator和DrawerNavigator。具体区别如下：
Jetpack组件之Navigation—看完你就知道Navigation是什么了？
低代码开发平台是一种通过拼装可重复使用的组件，实现不写代码或只编写少量代码即可快速搭建软件应用的开发平台，开发人员可以通过可视化的工作界面快速设计应用。在这样的背景下，设计师应该如何为低码平台赋能？本文从需求分析入手，通过实例设计，结合项目案例，提供给大家一些实践经验。 低代码平台正促生新的协作开发模式 传统开发模式在不断演进过程中已经形成一套复杂的系统，低代码平台将技术高度封装化，形成从需求、实现到部署的开发模式，提升沟通协作效率。 低代码开发模式与体验维度 企业用户期望借助低码平台达成的目标 降低开发
腾不出时间学习的人，迟早会腾出时间来伤悲； 腾不出时间思考的人，迟早会腾出时间来后悔； ——刘同
很多小伙伴零基础就业，也有转行过来的大佬。但是身为一个网络工程师，有些基础常识必须要知道。
每一款产品的上市都会伴有精美的写真配图，但从不会展示内部构造。9月15日，卡萨帝在上海家饰佳装饰城举行制造写真展，将其高端产品的核心部件公开呈现。这是高端家电史上第一次将产品内部构造公开给全世界，不仅展现了卡萨帝不为人知的另一面，更诠释了家电业的高端制造内涵。
NAS即网络附加存储(Network Attached Storage)，通过网络提供数据访问服务。 本人不推荐自攒NAS，稳定性差，迷你主板和家用机电源不是for 24x7的。 本人也不推荐成品N
对于C端业务偏多的公司来说，在增长、运营等各方同学的摧残下永远绕不过去的一个坑就是大量的H5页面开发，它可能是一个下载、需求告知、产品介绍、营销活动等页面。此类需求都有几个明显的缺点：
视频介绍 //v.qq.com/txp/iframe/player.html?origin=https%3A%2F%2Fmp.weixin.qq.com&containerId=js_tx_video
编辑导语 青云cloud：资源协作服务上线，实现更灵活的权限配置与资源共享;一登沈洽金:用“刷脸”让登录变得更简单;云适配：HTML5并非真正跨平台，想做移动办公还需要统一的企业级浏览器;Samsun
谷歌官方推出了一种侧滑菜单的实现方式（抽屉效果），即 DrawerLayout，这个类是在Support Library里的，需要加上android-support-v4.jar这个包。 使用注意点 1、DrawerLayout的第一个子元素必须是默认内容，即抽屉没有打开时显示的布局（如FrameLayout），后面紧跟的子元素是抽屉内容，即抽屉布局（如ListView）。 2、抽屉菜单的摆放和布局通过android:layout_gravity属性来控制，可选值为left、right或start、end。
https://github.com/bigbaser/TcloudServer 体验地址：
NavigationUI 类支持一些系统自带的控件 , 配置后 , 自动跳转 Fragment 界面的功能 , 使用起来非常简洁 , 支持的可配置 Navigation 跳转的控件有 :
注意：在侧滑菜单区必须设置 android:layout_gravity 这个属性，只要布局中设置了android:layout_gravity，它就是侧滑菜单，当然，它可以是任一View或ViewGroup
单一的智能产品已经无法满足人们对未来生活的科技畅想。华为智慧互联平台的定位是为1+8+N设备提供极简、高速率、低时延、高可靠的通信底座，使单一设备体验进化到全连接时代。
滑出式菜单从界面上看，像极了一个水平滚动视图HorizontalScrollView，当然也可以使用HorizontalScrollView来实现侧滑菜单。不过今天博主要说的是利用线性布局LinearLayout来实现，而且是水平方向上的线性布局。 可是LinearLayout作为水平展示时有点逗，因为如果下面有两个子视图的宽度都是match_parent，那么LinearLayout只会显示第一个子视图，第二个子视图却是怎么拉也死活显示不了。倘若在外侧加个HorizontalScrollView，由于HorizontalScrollView的宽度只能是wrap_content，因此子视图的宽度也只能是wrap_content而不能是match_parent了，故而HorizontalScrollView做不到子页面全屏的效果。 现在我们既希望两个子视图的宽度是match_parent，又希望能够拖动两个子视图，还有没有办法呢？办法肯定是有的，在《Android开发笔记（三十五）页面布局视图》中，我们提到margin和padding都可用来设置空隙，空隙的数值都是正数，其实空隙值也能是负数，负数表示该视图被隐藏了一部分，仿佛一张纸插了部分纸面到书中，于是只有一部分露了出来。具体到LinearLayout的编码实现，对应的便是LinearLayout.LayoutParams的leftMargin参数，若该参数为正数，则视图页面拉出了一段空白；若该参数为负数，则视图页面隐藏了一段内容；若该参数是该视图宽度的赋值，则表示视图页面完全隐藏了起来，跟visible="gone"的效果类似。 所以我们可以给视图添加触摸监听器OnTouchListener，在触摸坐标发生变化的同时，给菜单子页面隐入隐出对应的宽度，从而达到抽屉式拉出菜单的效果。一旦触摸弹起，根据手势滑动的距离，判断当前是要拉出整个菜单，还是缩回才拉出一部分的菜单。这个判断可按照滑动偏移是否达到屏幕一半宽度的条件，至于自动拉出或者自动缩进的动画，可由Runnable来定时刷新视图的leftMargin参数。 下面是一个简单侧滑的效果截图：
一、弹出菜单 弹出菜单是原型设计中最常用的组件，许多组件的使用方法也与它类似，熟练使用弹出菜单将会给您带来莫大的帮助。接下来我们从实际案例来看一看如何使用弹出菜单。 1. 随意拖出一个组件，这里我们以
onConfigurationChanged最早的时候实现侧滑菜单功能大多时候需要通过github上一个叫做SlidingMenu的开源通过依赖包来实现，后来谷歌在v4包中添加了DrawerLayout来实现这个功能，完全可以替代SlidingMenu，这里我们来学习DrawerLayout的用法
Padding可以给其子节点添加填充（留白），和边距效果类似。我们在前面很多示例中都已经使用过它了，现在来看看它的定义：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
