スコアカード
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
ビューを初期化
3.はい
FlipView Control設定アダプタ
対応する表示数字の色を設定
item対応レイアウトファイル
item_text_view.xml
手順:
activity_main.xml
MainActivity.java
ソースのダウンロードアドレス:http://download.csdn.net/detail/forwardyzk/8333517
デフォルトは縦
横方向を設定すると、次のようになります.
FlipViewController flip = new FlipViewController(mContext,FlipViewController.HORIZONTAL);
またはレイアウトファイルの設定
効果図:
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);
またはレイアウトファイルの設定
効果図: