Android 视图切换效果

简介:
 我们先来看看效果图:
8.png 

       上述截图,是手指拖动的效果,如果拖动过屏幕中点,松手后就会自动移动到第二屏。另外,如果使用轻扫手势,也可以自动移动下一屏。

         Android中的 View有两个子类, WidgetViewGroupWidget是可见的窗口组件,比如按钮, ViewGroup就是布局, ViewGroup已经提供了多个布局子类,比如 LinearLayout等。

       本例中实现了自己的 ViewGroup子类。通过覆盖 onLayout方法实现对子视图的横向排列布局:

Java代码:

  1. package eoe. result;

  2. @Override
  3. protected void onLayout(boolean changed, int left, int top, int right,
  4. int bottom) {
  5. Log.d(TAG, ">>left: " + left + " top: " + top + " right: " + right
  6. + " bottom:" + bottom);

  7. /**
  8. * 设置布局,将子视图顺序横屏排列
  9. */
  10. for (int i = 0; i < getChildCount(); i++) {
  11. View child = getChildAt(i);
  12. child.setVisibility(View.VISIBLE);
  13. child.measure(right – left, bottom – top);
  14. child.layout(0 + i * getWidth(), 0, getWidth() + i * getWidth(),
  15. getHeight());
复制代码

        通过覆盖 computeScroll方法,计算移动屏幕的位移和重新绘制屏幕:

Java代码:
  1. package eoe. result;

  2. @Override
  3. public void computeScroll() {
  4. if (scroller.computeScrollOffset()) {
  5. scrollTo(scroller.getCurrX(), 0);
  6. postInvalidate();
  7. }
  8. }
复制代码

        编写了一个名为 scrollToScreen的方法,用于根据指定屏幕号切换到该屏幕:

Java代码:
  1. /**
  2. * 切换到指定屏
  3. *
  4. * @param whichScreen
  5. */
  6. public void scrollToScreen(int whichScreen) {
  7. if (getFocusedChild() != null && whichScreen != currentScreenIndex
  8. && getFocusedChild() == getChildAt(currentScreenIndex)) {
  9. getFocusedChild().clearFocus();
  10. }

  11. final int delta = whichScreen * getWidth() – getScrollX();
  12. scroller.startScroll(getScrollX(), 0, delta, 0, Math.abs(delta) * 2);
  13. invalidate();

  14. currentScreenIndex = whichScreen;
  15. }
复制代码

         snapToDestination方法,是处理当屏幕拖动到一个位置松手后的处理:

Java代码:
  1. /**
  2. * 根据当前x坐标位置确定切换到第几屏
  3. */
  4. private void snapToDestination() {
  5. scrollToScreen((getScrollX() + (getWidth() / 2)) / getWidth());
  6. }
复制代码

       然后说说手势事件的处理。 eric的实现,全部使用 onTouch事件处理,这样代码不够简明。因为需要记录很多组合手势的历史数据,这样就必须有一些状态位,一些坐标数值。

       我用 GestureDetector的手势处理事件简化了这方面的处理,只在手势抬起( UP)事件处理中在 ouTouchEvent方法中做了处理。
相关文章
|
XML Java Android开发
Android Studio App开发中改造已有的控件实战(包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图 附源码)
Android Studio App开发中改造已有的控件实战(包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图 附源码)
250 1
|
XML 前端开发 Java
Android App开发图像加工中卡片视图CardView和给图像添加装饰的讲解以及实战(附源码 简单易懂)
Android App开发图像加工中卡片视图CardView和给图像添加装饰的讲解以及实战(附源码 简单易懂)
688 0
|
XML 前端开发 Java
Android Studio App自定义控件中自定义视图的绘制讲解及实战(附源码 包括自定义绘制各种图形)
Android Studio App自定义控件中自定义视图的绘制讲解及实战(附源码 包括自定义绘制各种图形)
194 1
|
11月前
|
缓存 前端开发 Android开发
安卓开发中的自定义视图:从零到英雄
【10月更文挑战第42天】 在安卓的世界里,自定义视图是一块画布,让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门,通过深入浅出的方式,让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤,以及如何优化你的视图以提高性能和兼容性。准备好了吗?让我们开始这段创造性的旅程吧!
157 1
|
12月前
|
Android开发 开发者
安卓应用开发中的自定义视图
【9月更文挑战第37天】在安卓开发的海洋中,自定义视图犹如一座座小岛,等待着勇敢的探索者去发现其独特之处。本文将带领你踏上这段旅程,从浅滩走向深海,逐步揭开自定义视图的神秘面纱。
93 3
|
供应链 物联网 区块链
未来触手可及:探索新兴技术的趋势与应用安卓开发中的自定义视图:从基础到进阶
【8月更文挑战第30天】随着科技的飞速发展,新兴技术如区块链、物联网和虚拟现实正在重塑我们的世界。本文将深入探讨这些技术的发展趋势和应用场景,带你领略未来的可能性。
|
测试技术 Android开发 Python
探索软件测试的艺术:从基础到高级安卓应用开发中的自定义视图
【8月更文挑战第29天】在软件开发的世界中,测试是不可或缺的一环。它如同艺术一般,需要精细的技巧和深厚的知识。本文旨在通过浅显易懂的语言,引领读者从软件测试的基础出发,逐步深入到更复杂的测试策略和工具的使用,最终达到能够独立进行高效测试的水平。我们将一起探索如何通过不同的测试方法来确保软件的质量和性能,就像艺术家通过不同的色彩和笔触来完成一幅画作一样。
|
11月前
|
搜索推荐 前端开发 Android开发
安卓应用开发中的自定义视图实现
【10月更文挑战第30天】在安卓开发的海洋中,自定义视图是那抹不可或缺的亮色,它为应用界面的个性化和交互体验的提升提供了无限可能。本文将深入探讨如何在安卓平台创建自定义视图,并展示如何通过代码实现这一过程。我们将从基础出发,逐步引导你理解自定义视图的核心概念,然后通过一个实际的代码示例,详细讲解如何将理论应用于实践,最终实现一个美观且具有良好用户体验的自定义控件。无论你是想提高自己的开发技能,还是仅仅出于对安卓开发的兴趣,这篇文章都将为你提供价值。
132 4
|
Android开发 开发者
安卓开发中的自定义视图:从入门到精通
【9月更文挑战第19天】在安卓开发的广阔天地中,自定义视图是一块充满魔力的土地。它不仅仅是代码的堆砌,更是艺术与科技的完美结合。通过掌握自定义视图,开发者能够打破常规,创造出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战应用,一步步展示如何用代码绘出心中的蓝图。无论你是初学者还是有经验的开发者,这篇文章都将为你打开一扇通往创意和效率的大门。让我们一起探索自定义视图的秘密,将你的应用打造成一件艺术品吧!
153 10
|
前端开发 Android开发 开发者
安卓应用开发中的自定义视图基础
【9月更文挑战第13天】在安卓开发的广阔天地中,自定义视图是一块神奇的画布,它允许开发者将想象力转化为用户界面的创新元素。本文将带你一探究竟,了解如何从零开始构建自定义视图,包括绘图基础、触摸事件处理,以及性能优化的实用技巧。无论你是想提升应用的视觉吸引力,还是追求更流畅的交互体验,这里都有你需要的金钥匙。
116 4

热门文章

最新文章