怎么把一个控件放到tab页面上去?_移动端页面内容切换

# 移动端页面内容切换
上周做了一个和页面切换相关的需求，为了探寻在需求场景下最符合用户心理模型的交互方式，当时一共输出了有四五种方案。总结一下各种切换页面内容的方式的特点和他们适用的场景。## 一、Tab页面切换
tab页面切换是目前移动端最为常见的一种切换方式，微博、淘宝、小红书等等，可以在各类软件上看到它的身影。
最常见的一个使用tab场景就是当需要对当前页面的内容进行分类：

tab是最常见的组件之一

通常tab的标签内容是同类型内容分类，作为分类检索便于用户快速定位自己感兴趣的内容。
另外，tab也用于同级信息的切换，例如上面的一级tab标签，关注和推荐就是这种类型。
不论是移动端还是pc端，使用标签的场景非常多，通常情况下tab会给用户以下心理暗示：
1. 标签对应的两个页面之间不会相互干扰
2. 标签内容是同等级的，不存在归属问题
3. 标签之间相互切换只是用户暂时离开，应该保留页面的相关编辑状态
换句话说就是我在A分页做的操作，不会影响B分页的内容。在tab标签这种形式下，A、B两个页面的独立性是很强的,若两个页面之间有共同需要保持一致的属性，就要谨慎使用这种切换形式。
使用tab时，用户的心理模型更贴近于有几个标签就有几个分页，如果你只有一个页面，却想使用tab来切换页面的状态，就会给用户造成误解。## 二、文字链切换页面内容
这种切换方式常见于登录页面

还有一些需要上传证件信息的页面，在支持ocr扫描和用户自己输入信息的情况下，也会采用文字链的形式支持用户进行切换。
这种形式的切换方式会给用户非常明确的感受就是：在办同一件事，但是方式可改变。而且也会很明确的将推荐方式和次要方式区分出来。对于不便于给用户推荐具体方式的场景，这种方式就不适用了。## 三、选择控件切换部分页面内容
这种切换方式就和上面有明显的差别，一般用于只是有微小差异的场景：

这种方式多用于表单填写的场景，根据用户的选择展示不同的字段，帮助用户聚焦当前的内容
---
上面三种方式都是最为基础的切换方式，在实际设计过程中遇到的场景往往更为复杂，需要在基础的控件上做出调整，视觉表现手法上也要相应的进行调整。