ViewFlipper跟GestureDetector的使用 ...- 解决MediaPlayer有关问题: [MP3Ext...- UIScrollView 平滑划动处置

当前位置: 编程技术>移动开发

本页文章导读:

▪ViewFlipper跟GestureDetector的使用 ViewFlipper和GestureDetector的使用屏幕切换指的是在同一个Activity内屏幕见的切换，最长见的情况就是在一个FrameLayout内有多个页面，比如一个系统设置页面；一个个性化设置页面。通过查看OPh.........

▪ 解决MediaPlayer有关问题: [MP3Extractor: Unable to resync. Signalling end of stream] 解决MediaPlayer问题: [MP3Extractor: Unable to resync. Signalling end of stream] 游戏开发中使用MediaPlayer播放MP3碰到些诡异问题。报错信息如下： <code lang='java' width='auto' height='auto'>MP3Extractor: Unable to .........

▪ UIScrollView 平滑划动处置 UIScrollView 平滑划动处理原文链接,请支持原作者:http://blog.csdn.net/gavinming/article/details/6745988 iOS开发经常会用到UIScrollView，而能够平滑的展示划动效果，是至关重要的。比较常用的方法有两.........

[1]ViewFlipper跟GestureDetector的使用

来源: 互联网发布时间: 2014-02-18

ViewFlipper和GestureDetector的使用

屏幕切换指的是在同一个Activity内屏幕见的切换，最长见的情况就是在一个FrameLayout内有多个页面，比如一个系统设置页面；一个个性化设置页面。

通过查看OPhone API文档可以发现，有个android.widget.ViewAnimator类继承至FrameLayout，ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。该类有如下几个和动画相关的函数：

l setInAnimation：设置View进入屏幕时候使用的动画，该函数有两个版本，一个接受单个参数，类型为android.view.animation.Animation；一个接受两个参数，类型为Context和int，分别为Context对象和定义Animation的resourceID。

setOutAnimation: 设置View退出屏幕时候使用的动画，参数setInAnimation函数一样。
showNext：调用该函数来显示FrameLayout里面的下一个View。
showPrevious：调用该函数来显示FrameLayout里面的上一个View。

一般不直接使用ViewAnimator而是使用它的两个子类ViewFlipper和ViewSwitcher。ViewFlipper可以用来指定FrameLayout内多个View之间的切换效果，可以一次指定也可以每次切换的时候都指定单独的效果。该类额外提供了如下几个函数：

isFlipping：用来判断View切换是否正在进行
setFilpInterval：设置View之间切换的时间间隔
startFlipping：使用上面设置的时间间隔来开始切换所有的View，切换会循环进行
stopFlipping: 停止View切换

ViewSwitcher 顾名思义Switcher特指在两个View之间切换。可以通过该类指定一个ViewSwitcher.ViewFactory 工程类来创建这两个View。该类也具有两个子类ImageSwitcher、TextSwitcher分别用于图片和文本切换。

在教程中通过示例介绍ViewFlipper 的使用，其他的使用方式是类似的。详细信息可以参考文档：

http://androidappdocs-staging.appspot.com/reference/android/widget/ViewAnimator.html

ViewFlipper示例

记住，ViewFlipper是继承至FrameLayout的，所以它是一个Layout里面可以放置多个View。在示例中定义一个ViewFlipper，里面包含三个ViewGroup作为示例的三个屏幕，每个ViewGroup中包含一个按钮和一张图片，点击按钮则显示下一个屏幕。代码如下（res\layout\main.xml）：

view plaincopy to clipboardprint?

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<ViewFlipper android:id="@+id/details"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:persistentDrawingCache="animation"

android:flipInterval="1000"

android:inAnimation="@anim/push_left_in"

android:outAnimation="@anim/push_left_out"

<LinearLayout

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<Button

android:text="Next"

android:id="@+id/Button_next1"

android:layout_width="fill_parent"

android:layout_height="wrap_content">

</Button>

<ImageView

android:id="@+id/image1"

android:src="/blog_article/@drawable/dell1/index.html"

android:layout_width="fill_parent"

android:layout_height="wrap_content">

</ImageView>

</LinearLayout>

<LinearLayout

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<Button

android:text="Next"

android:id="@+id/Button_next2"

android:layout_width="fill_parent"

android:layout_height="wrap_content">

</Button>

<ImageView

android:id="@+id/image2"

android:src="/blog_article/@drawable/lg/index.html"

android:layout_width="fill_parent"

android:layout_height="wrap_content">

</ImageView>

</LinearLayout>

<LinearLayout

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<Button

android:text="Next"

android:id="@+id/Button_next3"

android:layout_width="fill_parent"

android:layout_height="wrap_content">

</Button>

<ImageView

android:id="@+id/image3"

android:src="/blog_article/@drawable/lenovo/index.html"

android:layout_width="fill_parent"

android:layout_height="wrap_content">

</ImageView>

</LinearLayout>

</ViewFlipper>

</LinearLayout>

很简单，在Layout定义中指定动画的相关属性就可以了，通过persistentDrawingCache指定缓存策略；flipInterval指定每个View动画之间的时间间隔；inAnimation和outAnimation分别指定View进出使用的动画效果。动画效果定义如下：

view plaincopy to clipboardprint?

res\anim\push_left_in.xml

<?xml version="1.0" encoding="utf-8"?>

<translate

android:fromXDelta="100%p"

android:toXDelta="0"

android:duration="500"/>

<alpha

android:fromAlpha="0.0"

android:toAlpha="1.0"

android:duration="500" />

</set>

res\anim\push_left_out.xml

<?xml version="1.0" encoding="utf-8"?>

<translate

android:fromXDelta="0"

android:toXDelta="-100%p"

android:duration="500"/>

<alpha

android:fromAlpha="1.0"

android:toAlpha="0.0"

android:duration="500" />

</set>

Activity代码如下（src\cc\c\TestActivity.java）：

view plaincopy to clipboardprint?

public class TestActivity extends Activity {

private ViewFlipper mViewFlipper;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

Button buttonNext1 = (Button) findViewById(R.id.Button_next1);

mViewFlipper = (ViewFlipper) findViewById(R.id.flipper);

buttonNext1.setOnClickListener(new View.OnClickListener() {

public void onClick(View view) {

//在layout中定义的属性，也可以在代码中指定

// mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);

// mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);

// mViewFlipper.setPersistentDrawingCache(ViewGroup.PERSISTENT_ALL_CACHES);

// mViewFlipper.setFlipInterval(1000);

mViewFlipper.showNext();

//调用下面的函数将会循环显示mViewFlipper内的所有View。

// mViewFlipper.startFlipping();

}

});

Button buttonNext2 = (Button) findViewById(R.id.Button_next2);

buttonNext2.setOnClickListener(new View.OnClickListener() {

public void onClick(View view) {

mViewFlipper.showNext();

}

});

Button buttonNext3 = (Button) findViewById(R.id.Button_next3);

buttonNext3.setOnClickListener(new View.OnClickListener() {

public void onClick(View view) {

mViewFlipper.showNext();

}

});

}

通过手势移动屏幕

上面是通过屏幕上的按钮来在屏幕间切换的，这看起来多少有点不符合OPhone的风格，如果要是能通过手势的左右滑动来实现屏幕的切换就比较优雅了。

通过android.view.GestureDetector类可以检测各种手势事件，该类有两个回调接口分别用来通知具体的事件：

GestureDetector.OnDoubleTapListener：用来通知DoubleTap事件，类似于鼠标的双击事件，该接口有如下三个回调函数：

1. onDoubleTap(MotionEvent e)：通知DoubleTap手势，

2. onDoubleTapEvent(MotionEvent e)：通知DoubleTap手势中的事件，包含down、up和move事件（这里指的是在双击之间发生的事件，例如在同一个地方双击会产生DoubleTap手势，而在DoubleTap手势里面还会发生down和up事件，这两个事件由该函数通知）；

3. onSingleTapConfirmed(MotionEvent e)：用来判定该次点击是SingleTap而不是DoubleTap，如果连续点击两次就是DoubleTap手势，如果只点击一次，OPhone系统等待一段时间后没有收到第二次点击则判定该次点击为SingleTap而不是DoubleTap，然后触发SingleTapConfirmed事件。

GestureDetector.OnGestureListener：用来通知普通的手势事件，该接口有如下六个回调函数：

1. onDown(MotionEvent e)：down事件；

2. onSingleTapUp(MotionEvent e)：一次点击up事件；

3. onShowPress(MotionEvent e)：down事件发生而move或则up还没发生前触发该事件；

4. onLongPress(MotionEvent e)：长按事件；

5. onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)：滑动手势事件；

6. onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)：在屏幕上拖动事件。

这些事件有些定义的不太容易理解，在示例项目中实现了所有的回调函数，在每个函数中输出相关的日志，对这些事件不理解的可以运行项目，通过不同的操作来触发事件，然后观看logcat输出日志可有助于对这些事件的理解。

在上述事件中，如果在程序中处理的该事件就返回true否则返回false，在GestureDetector中也定义了一个SimpleOnGestureListener类，这是个助手类，实现了上述的所有函数并且都返回false。如果在项目中只需要监听某个事件继承这个类可以少些几个空回调函数。

要走上面的程序中添加滑动手势来实现屏幕切换的话，首先需要定义一个GestureDetector：

private GestureDetector mGestureDetector;

并在onCreate函数中初始化：

mGestureDetector = new GestureDetector(this);

参数是OnGestureListener，然后让TestActivity实现 OnGestureListener 和OnDoubleTapListener接口：

view plaincopy to clipboardprint?

class TestActivity extends Activity implements OnGestureListener , OnDoubleTapListener

然后在onFling函数中实现切换屏幕的功能：

view plaincopy to clipboardprint?

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,

float velocityY) {

Log.d(tag, "...onFling...");

if(e1.getX() > e2.getX()) {//move to left

mViewFlipper.showNext();

}else if(e1.getX() < e2.getX()) {

mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_right_in);

mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_right_out);

mViewFlipper.showPrevious();

mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);

mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);

}else {

return false;

}

return true;

}

这里实现的功能是从右往左滑动则切换到上一个View，从左往右滑动则切换到下一个View，并且使用不同的in、out 动画使切换效果看起来统一一些。

然后在onDoubleTap中实现双击自动切换的效果，再次双击则停止：

view plaincopy to clipboardprint?

public boolean onDoubleTap(MotionEvent e) {

Log.d(tag, "...onDoubleTap...");

if(mViewFlipper.isFlipping()) {

mViewFlipper.stopFlipping();

}else {

mViewFlipper.startFlipping();

}

return true;

}

到这里手势代码就完成了，现在可以通过左右滑动切换View并且双击可以自动切换View。细心的读者这里可能会发现一个问题，上面在创建mGestureDetector 的时候使用的是如下代码：

mGestureDetector = new GestureDetector(this);

这里的参数为OnGestureListener，而且GestureDetector有个函数setOnDoubleTapListener来设置OnDoubleTapListener，在上面的代码中并没有设置OnDoubleTapListener，那么onDoubleTap事件是如何调用的呢？这里的玄机就要去探探 GestureDetector(OnGestureListener l)这个构造函数的源代码了：

view plaincopy to clipboardprint?

public GestureDetector(OnGestureListener listener) {

this(null, listener, null);

}

调用了另外一个构造函数：

view plaincopy to clipboardprint?

public GestureDetector(Context context, OnGestureListener listener, Handler handler) {

if (handler != null) {

mHandler = new GestureHandler(handler);

} else {

mHandler = new GestureHandler();

}

mListener = listener;

if (listener instanceof OnDoubleTapListener) {

setOnDoubleTapListener((OnDoubleTapListener) listener);

}

init(context);

注意到listener instanceof OnDoubleTapListener没有？现在明白了吧。

[2] 解决MediaPlayer有关问题: [MP3Extractor: Unable to resync. Signalling end of stream]

来源: 互联网发布时间: 2014-02-18

解决MediaPlayer问题: [MP3Extractor: Unable to resync. Signalling end of stream]

游戏开发中使用MediaPlayer播放MP3碰到些诡异问题。

报错信息如下：

<code lang='java' width='auto' height='auto'>MP3Extractor: Unable to resync. Signalling end of stream</code>

使用代码：

//针对指定资源创建播放对象

mPlayer = MediaPlayer.create(ctx, resID);

mPlayer.setVolume(1000, 1000);

//监听播放结束事件

mPlayer.setOnCompletionListener(new OnCompletionListener() {

@Override public void onCompletion(MediaPlayer mp) {

mPlaying = false;

if(mLoop) {

mp.start();

}

});

原文地址：解决MediaPlayer问题: [MP3Extractor: Unable to resync. Signalling end of stream]| http://orgcent.com/mediaplayer-mp3-unable-resync/

[3] UIScrollView 平滑划动处置

来源: 互联网发布时间: 2014-02-18

UIScrollView 平滑划动处理

原文链接,请支持原作者:http://blog.csdn.net/gavinming/article/details/6745988

iOS开发经常会用到UIScrollView，而能够平滑的展示划动效果，是至关重要的。比较常用的方法有两种：

1）将所有的scrollview子页面都add到scrollview中，这样可以平滑滑动，但占用资源加多，并且初始化加载比较慢。

2）使用三个页面View，在滑动过程中如指针轮询那样交替使用。优点是占用内存少，但如果单个页面比较大，经常会在划动到中间位置的时候，出现卡顿，很影响用户体验性。

第一种方法就不多讲解，如果页面不多，并且每个页面加载的资源也比较少，那么建议采用第一种方式。如果页面比较多，资源比较大，则建议采用延迟加载的方式。

更优的方法,请查看：《优化——UIScrollView通过内容延迟加载以达到平滑滑动。》

现在UIScrollView使用有两种方法：一种是App Dev里面的Sample，建立一个包含页面数据的数组，划动的同时，不断添加和删除其他页。而另外一种是定义三个页面，划动过程中，类似与木板搭桥过河游戏一样，prev->current->next->prev，只需重新加载新载入的页面。

1、创建UIScrollView和三个自定义的View：

[cpp] view plaincopy

//***********************************UIScrollView***********************************/

scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 54, TOP_BIG_IMAGE_WIDTH, TOP_BIG_IMAGE_HEIGHT)];

scrollView.autoresizingMask = UIViewAutoresizingFlexibleWidth;

<span > </span>self.scrollView.contentSize = CGSizeMake(numberOfPages * self.scrollView.frame.size.width,

self.scrollView.frame.size.height);

self.scrollView.delegate = self;

scrollView.autoresizesSubviews = YES;

scrollView.pagingEnabled = YES;

scrollView.showsHorizontalScrollIndicator = NO;

scrollView.scrollsToTop = NO;

[selfView addSubview:scrollView];

三个自定义View。函数setPageContentWithPageView:(CustomView *)pageView withPageNumber:(NSInteger)pageNumber，是对customview进行更新操作的代码。

[cpp] view plaincopy

prevPageView = [[CustomView alloc] initWithFrame:CGRectMake(0, 0, self.scrollView.frame.size.width,

self.scrollView.frame.size.height)];

currentPageView = [[CustomView alloc] initWithFrame:CGRectMake(0, 0, self.scrollView.frame.size.width,

self.scrollView.frame.size.height)];

nextPageView = [[CustomView alloc] initWithFrame:CGRectMake(0, 0, self.scrollView.frame.size.width,

self.scrollView.frame.size.height)];

CGFloat pageWidth = self.scrollView.frame.size.width;

CGFloat pageHeight = self.scrollView.frame.size.height;

currentPageView.frame = CGRectMake(currentPage * pageWidth, 0, pageWidth, pageHeight);

[self setPageContentWithPageView:currentPageView withPageNumber:currentPage];

//第一页

if (currentPage == 0)

{

prevPageView.frame = CGRectZero;

nextPageView.frame = CGRectMake(((currentPage + 1) * pageWidth), 0, pageWidth, pageHeight);

if (numberOfPages - 1 >= currentPage + 1)

{

[self setPageContentWithPageView:nextPageView withPageNumber:currentPage + 1];

}

//最后一页

else if (currentPage == numberOfPages - 1)

{

prevPageView.frame = CGRectMake(((currentPage - 1) * pageWidth), 0, pageWidth, pageHeight);

nextPageView.frame = CGRectZero;

[self setPageContentWithPageView:prevPageView withPageNumber:currentPage - 1];

}

else

{

prevPageView.frame = CGRectMake(((currentPage - 1) * pageWidth), 0, pageWidth, pageHeight);

nextPageView.frame = CGRectMake(((currentPage + 1) * pageWidth), 0, pageWidth, pageHeight);

[self setPageContentWithPageView:prevPageView withPageNumber:currentPage - 1];

[self setPageContentWithPageView:nextPageView withPageNumber:currentPage + 1];

}

[self.scrollView addSubview:currentPageView];

[self.scrollView addSubview:prevPageView];

[self.scrollView addSubview:nextPageView];

oint offset = CGPointMake(currentPage * self.scrollView.frame.size.width, 0);

[self.scrollView setContentOffset:offset animated:NO];

2、在- (void)scrollViewDidScroll:(UIScrollView *)sender方法中进行页面更新。

[cpp] view plaincopy

#pragma mark -

#pragma mark UIScrollViewDelegate Methods

- (void)scrollViewDidScroll:(UIScrollView *)sender

{

CGFloat pageWidth = self.scrollView.frame.size.width;

NSInteger page = floor((self.scrollView.contentOffset.x - pageWidth/2) / pageWidth) + 1;

// 已经是第一页再往向前翻页，或者已经是最后一页再往后翻页。

if (currentPage == page || page < 0 || page >= numberOfPages)

{

return;

}

else

{

//先赋值，防止scrollView在执行线程后还未执行currentPage = page，导致不断进入该段代码区执行

NSInteger prevPage = currentPage;

currentPage = page;

//防止用户快速滑动，出现因线程未加载完，出现空百夜

self.scrollView.userInteractionEnabled = NO;

//线程处理，使得加载动作不会阻塞主线程而出现卡顿。注意，不加afterDelay:0.1，线程会立刻执行，卡顿会出现。

[self performSelector:@selector(refreshPageViewAfterPaged:)

withObject:[NSNumber numberWithInteger:prevPage]

afterDelay:0.1];

}

函数refreshPageViewAfterPaged是页面的更新操作判断。

[cpp] view plaincopy

- (void)refreshPageViewAfterPaged:(NSNumber *)prevPageNumber

{

NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];

self.scrollView.userInteractionEnabled = YES;

CGFloat pageWidth = self.scrollView.frame.size.width;

CGFloat pageHeight = self.scrollView.frame.size.height;

NSInteger prevPage = [prevPageNumber integerValue];

//页面向后滑动一页

TopPicView *tempPageView = nil;

if (currentPage - 1 == prevPage)

{

tempPageView = currentPageView;

currentPageView = nextPageView;

nextPageView = prevPageView;

prevPageView = tempPageView;

prevPageView.frame = CGRectMake(((currentPage - 1) * pageWidth), 0, pageWidth, pageHeight);

currentPageView.frame = CGRectMake(currentPage * pageWidth, 0, pageWidth, pageHeight);

if (currentPage == (numberOfPages - 1))

{

nextPageView.frame = CGRectZero;

}

else

{

nextPageView.frame = CGRectMake(((currentPage + 1) * pageWidth), 0, pageWidth, pageHeight);

//页面更新操作的实质代码：

[self setPageContentWithPageView:nextPageView withPageNumber:currentPage + 1];

}

else if (currentPage + 1 == prevPage)

{

tempPageView = currentPageView;

currentPageView = prevPageView;

prevPageView = nextPageView;

nextPageView = tempPageView;

currentPageView.frame = CGRectMake(currentPage * pageWidth, 0, pageWidth, pageHeight);

nextPageView.frame = CGRectMake(((currentPage + 1) * pageWidth), 0, pageWidth, pageHeight);

if (currentPage == 0)

{

prevPageView.frame = CGRectZero;

}

else

{

prevPageView.frame = CGRectMake(((currentPage - 1) * pageWidth), 0, pageWidth, pageHeight);

[self setPageContentWithPageView:prevPageView withPageNumber:currentPage - 1];

}

[pool release];

}