GitHub上提供的一个翻页控件

在GitHub上有提供一个非常强大而且绚丽的控件FlipView，用于翻页，类似于翻书一样，可以上下翻页，上面有提供相应jar包（aphid-flipview-library.jar），里面封装了一个控件类FlipViewController，该类继承AdapterView，所以可以把它看成类似于ListView、GridView、Gallery或者Spinner的一个控件，同样使用adapter填充数据，示例如下：

TestFlipViewActivity：

package com.home.testflipview;import com.aphidmobile.flip.FlipViewController;import android.os.Bundle;import android.app.Activity;public class TestFlipViewActivity extends Activity {// 翻页控件private FlipViewController flipView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);flipView = new FlipViewController(this);flipView.setAdapter(new MyBaseAdapter(this));setContentView(flipView);}@Overrideprotected void onResume() {super.onResume();flipView.onResume();}@Overrideprotected void onPause() {super.onPause();flipView.onPause();}}

adapter：

package com.home.testflipview;import java.util.ArrayList;import java.util.List;import com.aphidmobile.utils.AphidLog;import com.aphidmobile.utils.IO;import android.content.Context;import android.content.Intent;import android.net.Uri;import android.text.Html;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.Button;import android.widget.ImageView;import android.widget.TextView;public class MyBaseAdapter extends BaseAdapter {private static List<Data> list = new ArrayList<Data>();private LayoutInflater inflater;// 为list集合添加数据static {list.add(new Data("Potala Palace","potala_palace.jpg","http://en.wikipedia.org/wiki/Potala_Palace","The <b>Potala Palace</b> is located in Lhasa, Tibet Autonomous Region, China. It is named after Mount Potalaka, the mythical abode of Chenresig or Avalokitesvara."));list.add(new Data("Drepung Monastery","drepung_monastery.jpg","http://en.wikipedia.org/wiki/Drepung","<b>Drepung Monastery</b>, located at the foot of Mount Gephel, is one of the \"great three\" Gelukpa university monasteries of Tibet."));list.add(new Data("Sera Monastery","sera_monastery.jpg","http://en.wikipedia.org/wiki/Sera_Monastery","<b>Sera Monastery</b> is one of the 'great three' Gelukpa university monasteries of Tibet, located 1.25 miles (2.01 km) north of Lhasa."));list.add(new Data("Samye Monastery","samye_monastery.jpg","http://en.wikipedia.org/wiki/Samye","<b>Samye Monastery</b> is the first Buddhist monastery built in Tibet, was most probably first constructed between 775 and 779 CE."));list.add(new Data("Tashilunpo Monastery","tashilunpo_monastery.jpg","http://en.wikipedia.org/wiki/Tashilhunpo_Monastery","<b>Tashilhunpo Monastery</b>, founded in 1447 by Gendun Drup, the First Dalai Lama, is a historic and culturally important monastery next to Shigatse, the second-largest city in Tibet."));list.add(new Data("Zhangmu Port","zhangmu_port.jpg","http://en.wikipedia.org/wiki/Zhangmu","<b>Zhangmu/Dram</b> is a customs town and port of entry located in Nyalam County on the Nepal-China border, just uphill and across the Bhote Koshi River from the Nepalese town of Kodari."));list.add(new Data("Kathmandu","kathmandu.jpg","http://en.wikipedia.org/wiki/Kathmandu","<b>Kathmandu</b> is the capital and, with more than one million inhabitants, the largest metropolitan city of Nepal."));list.add(new Data("Pokhara","pokhara.jpg","http://en.wikipedia.org/wiki/Pokhara","<b>Pokhara Sub-Metropolitan City</b> is the second largest city of Nepal with approximately 250,000 inhabitants and is situated about 200 km west of the capital Kathmandu."));list.add(new Data("Patan","patan.jpg","http://en.wikipedia.org/wiki/Patan,_Nepal","<b>Patan</b>, officially Lalitpur Sub-Metropolitan City, is one of the major cities of Nepal located in the south-central part of Kathmandu Valley."));}public MyBaseAdapter(Context context) {inflater = LayoutInflater.from(context);}@Overridepublic int getCount() {return list.size();}@Overridepublic Object getItem(int position) {return position;}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {if (convertView == null)convertView = inflater.inflate(R.layout.content, null);final Data data = list.get(position);TextView titleView = (TextView) convertView.findViewById(R.id.title);// 为titleView设置显示内容titleView.setText(AphidLog.format("%d. %s", position, data.title));// 为photoView设置图片背景ImageView photoView = (ImageView) convertView.findViewById(R.id.photo);// readBitmap：调用封装好的IO操作方法根据图片名称从assets中读取相应图片photoView.setImageBitmap(IO.readBitmap(inflater.getContext().getAssets(), data.imageFilename));TextView textView = (TextView) convertView.findViewById(R.id.description);// 为textView设置要显示的内容textView.setText(Html.fromHtml(data.description));Button wikipedia = (Button) convertView.findViewById(R.id.wikipedia);// 为按钮设置监听事件wikipedia.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {// 以跳转页面方式打开链接对应的网址Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(data.link));inflater.getContext().startActivity(intent);}});return convertView;}private static class Data {public String title;public String imageFilename;public String link;public String description;private Data(String title, String imageFilename, String link,String description) {this.title = title;this.imageFilename = imageFilename;this.link = link;this.description = description;}}}

content.xml:

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:background="@android:color/white"    android:orientation="vertical" >    <TextView        android:id="@+id/title"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_margin="5dp"        android:textAppearance="@android:style/TextAppearance.Large"        android:textColor="@android:color/black"        android:textStyle="bold" />    <ImageView        android:id="@+id/photo"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_gravity="center_horizontal"        android:layout_margin="5dp"        android:scaleType="centerCrop" />    <Button        android:id="@+id/wikipedia"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_margin="5dp"        android:text="Go to Wikipedia"        android:textAppearance="@android:style/TextAppearance.Large" />    <TextView        android:id="@+id/description"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_margin="5dp"        android:textAppearance="@android:style/TextAppearance.Medium"        android:textColor="@android:color/black" /></LinearLayout>

自己在使用时自定义content布局文件即可，可以实现非常漂亮和灵活的效果。