本发明涉及智能移动终端应用程序领域，具体涉及一种基于移动应用视图结构实现的即时查看收藏内容的方法。
背景技术：
：：现在各种类型的移动应用程序多如繁星，社交通讯、电商销售、游戏娱乐、阅读资讯等等。这些不同类型的APP极大地丰富和方便了我们日常的工作和生活，也使得我们在使用的过程中拥有了很多的选择。站在用户的角度，我们总是希望使用的应用程序能够交互简单，易于操作，界面清新流畅而又不失个性，而站在软件开发商的角度，软件的设计和开发的过程就要充分考虑到用户体验，朝着上述的产品特点努力，这样才能吸引用户并产生用户粘性，提高产品的市场竞争力。在相当多的应用程序中，收藏是一项很基本又很实用的功能，比如在娱乐软件(音乐视频应用)、阅读资讯软件(新闻应用)、生活服务软件(租房或购物应用)和其它一些软件中，收藏功能是普遍支持的。因为在这些软件中，提供给用户的信息都是同一种类型的，而且数量非常多，用户使用的方式则是逐条浏览或者经过一定的筛选和搜索过后浏览，当遇到自己比较感兴趣，用户就能进行收藏操作，这样当用户使用其他功能或者重新打开程序之后还能在个人收藏中找到之前自己收藏的内容，不至于费时费力的去查找甚至丢失重要的内容。收藏功能实现的一般步骤是，在程序展示内容的详情界面会有一个收藏的按钮，用户点击之后会将本条内容用持久化的技术保存到本地(手机上)或者上传到服务器(与用户信息绑定)，以此来实现收藏功能，然后用户随时都能够在主界面上通过收藏入口进入收藏界面查看保存的内容。这种交互的弊端就是，当用户在信息列表界面或者信息详情界面想查看收藏的内容时，必须要一步步退回到主界面然后进入收藏界面，而且，在用户查看完收藏的信息后又想接着浏览刚才的内容，发现进入信息列表页时，并不在自己期望的原先浏览的位置，因为信息列表页在重新进入时已经被初始化了。所以这种交互的方式比较繁琐而且有一点不合理。技术实现要素：本发明克服了现有技术的不足，提供一种基于移动应用视图结构实现的即时查看收藏内容的方法。为解决上述的技术问题，本发明采用以下技术方案：一种基于移动应用视图结构实现的即时查看收藏内容的方法，所述的方法包括以下步骤：步骤一、创建一个容器视图的类控制视图继承自用户界面视图，给控制视图添加拖动手势，在拖动手势的响应方法里获取到拖动的起始位置，计算起始位置到其中心的偏移，再由响应方法里获取到拖动时的位置，加上偏移量，得到拖动中容器视图的中心所处在的位置，以此动态改变容器视图的位置；步骤二、在控制视图的类中添加收藏按钮和收藏列表两个属性，设置收藏按钮的属性；接着配置收藏列表，使控制视图实现收藏列表的数据源和delegate，收藏列表的cell样式采用信息列表的样式；步骤三、用户点击收藏按钮后，从内存中的持久化数据读取或进行网络请求来获得收藏的数据，然后配置cell将列表显示出来；步骤四、设置收藏按钮和收藏列表的位置关系：两者按竖直方向排列，在点击收藏按钮后，默认将收藏列表加到收藏按钮的上方；如果收藏按钮距屏幕顶部的距离小于收藏列表的高度，则将收藏列表加到按钮的下方；步骤五、在信息列表或者信息详情界面上，添加控制视图属性，将其初始化并加入到当前界面上，当点击了收藏列表的某条记录时，由当前页面的导航控制器推出对应的详情界面，返回时，上级界面显示的内容不变。更进一步的技术方案是步骤一还包括：在拖动手势的响应方法里检测拖动停止的位置，当停止时的位置的横坐标小于屏幕宽度的一半，控制视图显示到屏幕的左边，反之，显示在右边。更进一步的技术方案是所述步骤一还包括：在拖动手势的响应方法里检测拖动停止的位置，当停止位置超出屏幕边缘时，将其调整到紧靠屏幕的边上。更进一步的技术方案是所述步骤三还包括：当没有收藏内容时，不显示收藏列表，弹出暂时没有收藏内容的提示。更进一步的技术方案是所述步骤三还包括：当收藏内容小于五条时，根据收藏内容的数量设置收藏列表的高度。更进一步的技术方案是所述步骤三还包括：当收藏内容大于五条时，设置收藏列表的滑动列表浏览控制件。更进一步的技术方案是所述步骤四还包括：所述收藏按钮和收藏列表的对齐方式是：当容器视图在屏幕的左边时，两者左对齐，反之右对齐。更进一步的技术方案是所述步骤四还包括：控制视图的大小根据收藏列表的显示与否来改变：当收藏列表显示时，控制视图的大小等于收藏按钮的大小；当收藏列表隐藏时，控制视图的高度等于收藏列表和收藏按钮高度之和，宽度等于收藏列表的宽度。更进一步的技术方案是所述步骤四还包括：给控制视图添加一个标志收藏列表是否显示的BOOL属性，然后在该BOOL属性的set方法中切换控制视图的大小，收集选项卡显示的set方法由收藏按钮的事件触发。与现有技术相比，本发明实施例的有益效果之一是：本发明可应用在移动应用程序收藏功能的实现和交互设计上，使查看收藏内容更加方便合理，避免了以往查看收藏内容时繁琐的操作。附图说明图1为本发明一个实施例中显示收藏按钮的示意图。图2为本发明一个实施例中收藏列表显示在收藏按钮上方的示意图。图3为本发明一个实施例中收藏列表显示在收藏按钮下方的示意图。具体实施方式本说明书中公开的所有特征，或公开的所有方法或过程中的步骤，除了互相排斥的特征和/或步骤以外，均可以以任何方式组合。本说明书(包括任何附加权利要求、摘要和附图)中公开的任一特征，除非特别叙述，均可被其他等效或具有类似目的的替代特征加以替换。即，除非特别叙述，每个特征只是一系列等效或类似特征中的一个例子而已。下面结合附图及实施例对本发明的具体实施方式进行详细描述。如图1至图3所示，根据本发明的一个实施例，本实施例公开一种基于移动应用视图结构实现的即时查看收藏内容的方法，其大体实现流程是在信息列表和信息详情界面上添加一个按钮，当按钮触发时，将收藏列表以合适的大小显示到当前界面，当点击了收藏列表的某个条目时，由当前页面推出该收藏条目的详情页。具体的实现可以概括为收藏按钮和收藏列表的实现方式和交互。具体的，通过一个用iOS系统的实现示例，进步说明本发明的方法：首先，在应用程序的信息列表和信息详情界面加上一个view控件，作为收藏按钮和收藏列表的容器view，给容器view加上拖动手势，使按钮和列表能在屏幕上自由拖动并处在不同的位置，提升用户的交互体验。收藏按钮和收藏列表分别用button和tableView两个控件实现，并且全都加到容器view上。收藏按钮设置圆角和透明度，并添加图片，而收藏列表的样式可以和信息列表的样式保持一致，只是按一定的比例缩小，这样有利于用户对比收藏和未收藏的信息。总之，收藏按钮和收藏列表的UI一定要和整个应用的风格相称。初始时，即进入信息列表或信息详情界面时，容器view只显示收藏按钮，隐藏收藏列表(容器view的大小应根据收藏列表显示与否来改变)。当用户点击了收藏按钮时，收藏列表显示出来(收藏列表的高度应该根据收藏数据的多少改变)，用户可以滑动收藏列表来浏览收藏的内容，也可以点击某条收藏条目来查看详情，该详情界面由当前页面的导航器推出来，返回时，上个页面保持原先的显示。进一步的，本实施例基于移动应用视图结构实现的即时查看收藏内容的方法具体包括以下步骤：step1.创建一个容器view的类containView继承自UIView，给containView添加拖动手势UIPanGestureRecognizer，在拖动手势的响应方法里获取到拖动的起始位置，计算起始位置到其center的偏移，再由响应方法里获取到拖动时的位置，加上偏移量，得到拖动中containView的center应该处在的位置，以此动态改变容器view的位置。ContainView可以在屏幕上拖动，但它最终停下的位置是有限制的，它应该始终处于屏幕的两边，不能超出屏幕的边缘。所以在拖动手势的响应方法里检测拖动停止的位置，当停止时的位置的横坐标小于屏幕宽度，containView应该显示到屏幕的左边，反之，显示在右边。而当停止位置超出屏幕边缘时，要将其调整到紧靠屏幕的边上。step2.在containView的类中添加收藏按钮collectButton(UIButton的实例)和收藏列表collectTableView(UITableView的实例)两个属性，设置收藏按钮的属性，使collectButton呈现出理想的效果。接着配置收藏列表，让containView实现collectTableView的dataSource和delegate，收藏列表的cell样式采用信息列表的样式。step3.点击收藏按钮后，从内存中的持久化数据读取或进行网络请求来获得收藏的数据，然后配置cell将列表显示出来。当没有收藏内容时，不显示collectTableView，弹出暂时没有收藏内容的提示；当收藏内容只有几条时，根据收藏内容的数量设置collectTableView的高度，但是collectTableView要有高度限制，收藏内容太多时，可以通过滑动列表来浏览。再次点击收藏按钮，隐藏collectTableView。step4.设置collectButton和collectTableView的位置关系：两者应该按竖直方向排列，在点击收藏按钮后，默认将收藏列表加到收藏按钮的上方，但是如果收藏按钮距屏幕顶部的距离小于收藏列表的高度，就将收藏列表加到按钮的下方；两者的对齐方式是：当容器view在屏幕的左边时，两者左对齐，反之右对齐。ContainView的大小也要根据collectTableView的显示与否来改变，显示时，containView的大小等于collectButton的大小，隐藏时，containView的高度应该等于两者之和，宽度应等于收藏列表的宽度，给containView添加一个标志收藏列表是否显示的BOOL属性——collectTabShow，然后在collectTabShow的set方法中切换containView的大小，collectTabShow的set方法由收藏按钮的事件触发。step5.在信息列表或者信息详情界面上，添加containView属性(containView实例)，将其初始化并加入到当前界面上，当点击了收藏列表的某条记录时，由当前页面的navigationController推出对应的详情界面(该详情界面没有containView实例)，返回时，上级界面显示的内容不变。在本说明书中所谈到的“一个实施例”、“另一个实施例”、“实施例”等，指的是结合该实施例描述的具体特征、结构或者特点包括在本申请概括性描述的至少一个实施例中。在说明书中多个地方出现同种表述不是一定指的是同一个实施例。进一步来说，结合任一个实施例描述一个具体特征、结构或者特点时，所要主张的是结合其他实施例来实现这种特征、结构或者特点也落在本发明的范围内。尽管这里参照发明的多个解释性实施例对本发明进行了描述，但是，应该理解，本领域技术人员可以设计出很多其他的修改和实施方式，这些修改和实施方式将落在本申请公开的原则范围和精神之内。更具体地说，在本申请公开权利要求的范围内，可以对主题组合布局的组成部件和/或布局进行多种变型和改进。除了对组成部件和/或布局进行的变型和改进外，对于本领域技术人员来说，其他的用途也将是明显的。当前第1页1 2 3 当前第1页1 2 3