スコアカード


FlipView Controlを使用すると、立体的なページをめくる効果、左右のページをめくる効果、上下のページをめくることができることがわかります.現在、FlipView Controlを使用してスコアカードの効果をシミュレートしています.
1.まずFlipView Controlクラスが存在するaphid-flipview-libraryをインポートします.
ダウンロード先:http://download.csdn.net/detail/forwardyzk/8333027
2.クラスScoreBoardView継承LinearLayoutを定義する
LinearLayoutのxmlレイアウトファイルのロード
layout_scoreboard_view.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context="com.yzk.filpviewdemo.MainActivity" >

    <com.aphidmobile.flip.FlipViewController
        android:id="@+id/flipViewLeft"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_marginRight="5dp"
        android:layout_weight="1" >
    </com.aphidmobile.flip.FlipViewController>

    <com.aphidmobile.flip.FlipViewController
        android:id="@+id/flipViewRight"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_marginLeft="5dp"
        android:layout_weight="1" >
    </com.aphidmobile.flip.FlipViewController>

</LinearLayout>

ビューを初期化
public void initView() {
		View.inflate(mContext, R.layout.layout_scoreboard_view, this);
		flipViewLeft = (FlipViewController) findViewById(R.id.flipViewLeft);
		flipViewRight = (FlipViewController) findViewById(R.id.flipViewRight);
		flipViewLeft.setAdapter(new FlipViewAdapter(
				android.R.color.holo_red_dark));
		flipViewRight.setAdapter(new FlipViewAdapter(android.R.color.black));
	}

3.はい
FlipView Control設定アダプタ
class FlipViewAdapter extends BaseAdapter {
		private int mColor;

		public FlipViewAdapter(int color) {
			this.mColor = color;
		}

		@Override
		public int getCount() {
			return 10;
		}

		@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) {
			ViewHolder holder = null;
			if (convertView == null) {
				holder = new ViewHolder();
				convertView = View.inflate(mContext, R.layout.item_text_view,
						null);
				holder.tv_score = (TextView) convertView
						.findViewById(R.id.tv_score);
				convertView.setTag(holder);
			} else {
				holder = (ViewHolder) convertView.getTag();
			}
			holder.tv_score.setTextColor(mContext.getResources().getColor(
					mColor));
			holder.tv_score.setText(String.valueOf(getItem(position)));
			return convertView;
		}

	}

対応する表示数字の色を設定
item対応レイアウトファイル
item_text_view.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv_score"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"
        android:gravity="center"
        android:text="0"
        android:textColor="@android:color/black"
        android:textSize="130sp" />

</LinearLayout>

手順:
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context="com.yzk.filpviewdemo.MainActivity" >

    <com.yzk.view.ScoreBoardView
        android:id="@+id/scoreview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </com.yzk.view.ScoreBoardView>

</LinearLayout>

MainActivity.java
public class MainActivity extends Activity {

	private ScoreBoardView view;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		view = (ScoreBoardView) findViewById(R.id.scoreview);
	}

	@Override
	protected void onResume() {
		super.onResume();
		view.onResume();
	}

	@Override
	protected void onPause() {
		super.onPause();
		view.onPause();
	}
}

ソースのダウンロードアドレス:http://download.csdn.net/detail/forwardyzk/8333517
デフォルトは縦
横方向を設定すると、次のようになります.
 FlipViewController flip = new FlipViewController(mContext,FlipViewController.HORIZONTAL);
またはレイアウトファイルの設定
     
効果図:
记分牌_第1张图片