CN103970415A - 一种基于Android的实现淡入淡出效果的方法 - Google Patents

Abstract

本发明一种基于Android的实现淡入淡出效果的方法采用的技术方案是：是包括目标对象和蒙版，所述的蒙版上设有至少一个透明区域，将目标对象设置为的底部图层，将蒙版设置为上部图层，通过设置蒙版和目标对象的相对运动达到目标对象的淡入淡出效果。由于透明度渐变的方式多种多样时，因此淡入淡出的效果也多种多样。由于蒙版的透明度分布可以任意设置，故可以实现不规则的、局部的、形式多样的淡入淡出效果。

Description

一种基于Android的实现淡入淡出效果的方法

技术领域

本发明给出一种基于Android的实现淡入淡出效果的方法，尤其是涉及一种在标准Android开发平台上，利用透明度蒙版和被覆盖的目标对象的相对运动实现目标对象的淡入淡出效果的方法。

背景技术

随着Android系统在嵌入式领域的大规模使用，人机交互界面的的同质化现象日趋严重，很多软件界面缺乏特色，因此新的界面元素和界面效果对提升软件界面的用户体验至关重要。

用户界面上的淡入淡出，就是界面元素的渐显、渐隐。界面元素由亮转暗，以至完全隐没，这个过程叫做淡出。相反，界面由暗变亮，最后完全清晰，这个过程叫做淡入。淡入淡出是表示界面时间、空间转换的一种技巧。淡入淡出效果在各种人机界面上使用广泛，使用户的操作更富趣味性，从而增加产品的用户粘性。

目前的技术下，Android中界面的淡入淡出效果是通过其标准SDK提供的标准动画实现，尤其是其中的透明度动画（AlphaAnimation）。这些动画或动画集都是通过改变目标对象本身的透明度来实现的，因而实现的都是统一的、整体的、形式单一的淡入淡出效果，而无法实现不规则的、局部的、形式多样的淡入淡出效果。

发明内容

为了弥补现有的技术无法实现不规则的、局部的、形式多样的淡入淡出效果的不足, 同时为了使用户体验更具趣味性进而增加用户粘度，本发明提供一种新的实现淡入淡出效果的方法。

为了达到上述目的，本发明采用的技术方案是：是包括目标对象和蒙版，所述的蒙版上设有至少一个透明区域，将目标对象设置为的底部图层，将蒙版设置为上部图层，通过设置蒙版和目标对象的相对运动达到目标对象的淡入淡出效果。

所述的具体步骤如下：

步骤1：设置目标对象，作为底部图层，确定其在用户界面中的初始位置；

步骤2：制作蒙版，根据所需要达到的淡入淡出效果设置蒙版的大小，以及蒙版透明区域的大小、位置以及透明度渐变方法；

步骤3：确定蒙版在业户界面中的初始位置，或蒙版相对于目标对象的相对位置，并把蒙版叠加到目标对象上作为上部图层；

步骤4：用户输入事件或系统事件触发目标对象和蒙版之间的相对运动，从观察者的角度观察，得到目标对象的淡入淡出效果。

为了进一步的提高淡入淡出效果的多样性，所述的目标对象为一个视图或图片，所述的蒙版上设有多个透明区域，所述的相对运动为平移、旋转或三维运动。

本发明所得到的一种基于Android的实现淡入淡出效果的方法，通过目标对象和蒙版图层的相对运动，使目标对象的透明度不断变化，当目标对象向较透明的区域相对移动时，用户看到的是淡入的效果，当目标对象向较不透明的区域相对移动时，用户看到的是淡出的效果，这样就实现了目标对象的淡入淡出效果。当蒙版上的透明度渐变区域有多个时，每个区域的淡入淡出效果就是局部的淡入淡出效果。由于这些渐变区域可以不规则分布，因此淡入淡出的效果也可以是不规则的。由于透明度渐变的方式多种多样时，因此淡入淡出的效果也多种多样。由于蒙版的透明度分布可以任意设置，故可以实现不规则的、局部的、形式多样的淡入淡出效果。

附图说明

图1是本发明实现淡入淡出效果的流程图。

具体实施方式

下面结合Android中的一个实施例参照附图进行详细说明，以便对本发明的技术特征和优点进行更深入的诠释。

本实施例假设现在有一个用户界面使用触摸屏，该界面显示一个地图，地图可以使用触摸的方式拖动以改变显示范围，但需要重点突出当前地图显示范围的中心位置，使其能持续吸引用户的视觉焦点。这种情况下，可以考虑使用淡入淡出效果，当地图被拖动时，逐渐进入视图中心的部分使用淡入的效果，而逐渐远离视图中心的部分使用淡出的效果，这样可确保始终重点突出视图的中心位置，并持续吸引用户的视觉焦点。本实施例将详细说明上述淡入淡出效果在Android应用中的实现方法。

本发明实现淡入淡出效果的流程图如图1所示。

本实施例实现淡入淡出效果的步骤如下：

步骤1，把一个帧布局（FrameLayout）作为用户界面的根布局，该布局也是里面各层视图的容器；

步骤2，把地图视图添加到一个滚动视图（ScrollView）中，使其能随着触屏操作而滑动，并将此滚动视图作为一个图层和子布局添加到步骤1中的根布局中，使其显示在底层；

步骤3，制作黑色蒙版图片，并添加到应用的图片资源目录，图片大小和用户界面大小一致，中心位置透明度最高，从中心位置到四周边界透明度逐渐降低，因此靠近边缘的位置颜色将趋于黑色；

步骤4，把一个空白视图（View）作为一个图层和子布局添加到步骤1中的根布局中，使其显示在步骤2中的滚动视图的上面；

步骤5，将步骤4中的空白视图的背景设置为步骤3中蒙版图片资源；

步骤6，用户通过触摸屏操作滑动地图图层，从而使地图产生相对于蒙版的相对运动，对于逐渐接近视图中心的部分，其透明度逐渐增加，视觉效果越来越清晰、明亮，这样就实现了淡入的效果，对于逐渐远离视图中心的部分，其透明度逐渐降低，视觉效果越来越模糊、黯淡，这样就实现了淡出的效果。

通过以上步骤，就可以实现淡入淡出的效果，逐渐进入视图中心的部分将产生淡入的效果，逐渐远离视图中心的部分将产生淡出的效果，这样可确保始终重点突出视图的中心位置，并持续吸引用户的视觉焦点。

通过以上实施方式的描述，本领域的技术人员可以清楚地了解到本发明能实现淡入淡出的效果。

尽管本发明通过具体实施例对其作出了清晰而完整的描述，但是发明不仅仅限于所述实施例，并且对本领域的技术人员来说，基于本发明而作出的所有的改进和选择，是可能发生的并且都包括在本发明之中。

Claims (3)

1.一种基于Android的实现淡入淡出效果的方法，其特征是包括目标对象和蒙版，所述的蒙版上设有至少一个透明区域，将目标对象设置为的底部图层，将蒙版设置为上部图层，通过设置蒙版和目标对象的相对运动达到目标对象的淡入淡出效果。

2.根据权利要求1所述的一种基于Android的实现淡入淡出效果的方法，其特征是包括以下步骤：

步骤1：设置目标对象，作为底部图层，确定其在用户界面中的初始位置；

步骤2：制作蒙版，根据所需要达到的淡入淡出效果设置蒙版的大小，以及蒙版透明区域的大小、位置以及透明度渐变方法；

步骤3：确定蒙版在业户界面中的初始位置，或蒙版相对于目标对象的相对位置，并把蒙版叠加到目标对象上作为上部图层；

步骤4：用户输入事件或系统事件触发目标对象和蒙版之间的相对运动，从观察者的角度观察，得到目标对象的淡入淡出效果。

3.根据权利要求1或2所述的一种基于Android的实现淡入淡出效果的方法，其特征是所述的目标对象为一个视图或图片，所述的蒙版上设有多个透明区域，所述的相对运动为平移、旋转或三维运动。