1. 此控件的作用
类似于翻书一样，可以上下翻页的控件，
2. 效果图
aaarticlea/png;base64,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" alt="" /> 上下翻页的效果
3. 实现代码
package com.duguang.baseanimation.ui.flip; import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter; import com.aphidmobile.flip.FlipViewController;
import com.duguang.baseanimation.R; public class Issue51Activity extends Activity { /**
* 类似于翻书一样，可以上下翻页的控件，详细代码可以查看
* https://github.com/openaphid/android-flip/blob/master/FlipView/FlipLibrary/src/com/aphidmobile/flip/FlipViewController.java
*
*/
private FlipViewController flipView; @ Override
protected void onCreate ( Bundle savedInstanceState ) { super.onCreate ( savedInstanceState );
setTitle ( R.string.activity_title ); flipView = new FlipViewController ( this ); // 设置适配器
flipView.setAdapter ( new MyBaseAdapter ( this ) ); setContentView ( flipView );
} @ Override
protected void onResume ( ) { super.onResume ( );
flipView.onResume ( );
} @ Override
protected void onPause ( ) { super.onPause ( );
flipView.onPause ( );
} // 自定义适配器
private static class MyBaseAdapter extends BaseAdapter { // 准备加载布局的工具
private LayoutInflater inflater; private MyBaseAdapter (
Context context ) { inflater = LayoutInflater.from ( context );
} @ Override
public int getCount ( ) { return 3;
} @ Override
public Object getItem ( int position ) { return position;
} @ Override
public long getItemId ( int position ) { return position;
} @ Override
public View getView ( int position ,
View convertView ,
ViewGroup parent ) { if (position == 0) {
return inflater.inflate ( R.layout.activity_flip_page1 ,
null );
}
else if (position == 1) {
return inflater.inflate ( R.layout.activity_flip_page2 ,
null );
}
else {
return inflater.inflate ( R.layout.activity_flip_page3 ,
null );
}
}
}
}