作者心语:大家小时候都喜欢去玩幸运大转盘这个游戏,期望指针指到自己想要的位置,但不是那么容易的,现在就教你学会怎么去实现它的旋转。
不多说,看代码:
首先XML文件:
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/share_lottery"
android:layout_gravity="center"
/>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center" >
<Button
android:id="@+id/begin_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="开始" />
<Button
android:id="@+id/end_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/begin_btn"
android:text="结束" />
</RelativeLayout>
</LinearLayout>
主Activity MyCircleActivity
public class MyCircleActivity extends Activity {
MyCircleview view;
final Random random;
final MyCircleview claert ;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
int screnWidth = getWindowManager().getDefaultDisplay().getWidth();
random = new Random();
claert = new MyCircleview(this,screnWidth);
layout.addView(claert,new LayoutParams(LayoutParams.FILL_PARENT,MyDensityUtil.dip2px(this, 300)));
findViewById(R.id.begin_btn).setOnClickListener(new OnClickListener() {
public void onClick(View v) {
int place = random.nextInt(10);
claert.setStopPlace(place);
claert.setStopRoter(false);
}
});
findViewById(R.id.end_btn).setOnClickListener(new OnClickListener() {
public void onClick(View v) {
claert.setStopRoter(true);
}
});
}
}
MyCircleview 继承ImageView
public class MyCircleview extends ImageView implements Runnable {
private Bitmap mHourBitmap;
private boolean bInitComplete = false;
private boolean stopRoter = true;
float Angel = 0.0f;
Matrix matx = new Matrix();
//中奖各种计算参数 maxAngel=转动到中奖的角度
float maxAngel = 0.0f;
// 屏幕的宽度
int screnWidth = 0;
public Circleview(Context context,int width) {
super(context);
this.screnWidth = width;
mHourBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.share_lottery_pointer);
bInitComplete = true;
new Thread(this).start();
}
public void setRotate_degree(float degree) {
Angel = degree;
}
@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
super.onDraw(canvas);
matx.reset();
canvas.drawColor(Color.TRANSPARENT);
if (!bInitComplete) {
return;
}
Paint localPaint = new Paint();
// 设置取消锯齿效果
localPaint.setAntiAlias(true);
localPaint.setFilterBitmap(true);
matx.setTranslate(this.screnWidth/2-mHourBitmap.getWidth()/2, DensityUtil.dip2px(getContext(), 300)/2-mHourBitmap.getHeight()+DensityUtil.dip2px(getContext(), 20));
// 设置绕点旋转
matx.preRotate(Angel, mHourBitmap.getWidth() / 2,mHourBitmap.getHeight() * 4 / 5);
canvas.drawBitmap(mHourBitmap, matx, localPaint);
}
public void run() {
try {
while (true) {
if (!isStopRoter()) {
if(maxAngel!=0&&Angel>=maxAngel)
{
setStopRoter(true);
maxAngel = 0.0f;
}
else
{
if(maxAngel-Angel<360)
setRotate_degree(Angel+=10);
else
setRotate_degree(Angel+=15);
this.postInvalidate();
Thread.sleep(50);
}
}
}
} catch (InterruptedException e) {
e.printStackTrace();
}
}
//获取当前的角度,并设置停止角度
public void setStopPlace(int place){
getRoterByPlace(place);
}
void getRoterByPlace(int place){
float roter = getRoteCenter(place);
float currentRoter = getCurrentRoter();
//如果当前的角度小于位置的角度,则表示需要多转多少角度
float difRoter = currentRoter - roter;
//固定六圈360*6,后在加上当前的角度差
maxAngel = Angel + 360*5 + 360-difRoter;
}
//得到奖项位置的角度 -转盘360度 根据奖项取各个奖项的平均值,在设置指定各个奖项的中间点
float getRoteCenter(int place){
float roter = 0.0f;
switch (place) {
case 1:
roter = 0;
break;
case 2:
roter = 60/2 + 30;
break;
case 3:
roter = 60/2 + 90;
break;
case 4:
roter = 60/2 + 150;
break;
case 5:
roter = 60/2 + 210;
break;
case 6:
roter = 60/2 + 270;
break;
default:
break;
}
return roter;
}
//得到转动的实际角度--换算角度值
float getCurrentRoter(){
int current = (int) Angel/360;
if(0==current)
return Angel;
float roter = Angel - 360*current;
return roter;
}
public boolean isStopRoter() {
return stopRoter;
}
public void setStopRoter(boolean stopRoter) {
this.stopRoter = stopRoter;
}
}
MyDensityUtil
public class MyDensityUtil {
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
public static int px2dip(Context context, float pxValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (pxValue / scale + 0.5f);
}
}
不多说,看代码:
首先XML文件:
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/share_lottery"
android:layout_gravity="center"
/>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center" >
<Button
android:id="@+id/begin_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="开始" />
<Button
android:id="@+id/end_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/begin_btn"
android:text="结束" />
</RelativeLayout>
</LinearLayout>
主Activity MyCircleActivity
public class MyCircleActivity extends Activity {
MyCircleview view;
final Random random;
final MyCircleview claert ;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
int screnWidth = getWindowManager().getDefaultDisplay().getWidth();
random = new Random();
claert = new MyCircleview(this,screnWidth);
layout.addView(claert,new LayoutParams(LayoutParams.FILL_PARENT,MyDensityUtil.dip2px(this, 300)));
findViewById(R.id.begin_btn).setOnClickListener(new OnClickListener() {
public void onClick(View v) {
int place = random.nextInt(10);
claert.setStopPlace(place);
claert.setStopRoter(false);
}
});
findViewById(R.id.end_btn).setOnClickListener(new OnClickListener() {
public void onClick(View v) {
claert.setStopRoter(true);
}
});
}
}
MyCircleview 继承ImageView
public class MyCircleview extends ImageView implements Runnable {
private Bitmap mHourBitmap;
private boolean bInitComplete = false;
private boolean stopRoter = true;
float Angel = 0.0f;
Matrix matx = new Matrix();
//中奖各种计算参数 maxAngel=转动到中奖的角度
float maxAngel = 0.0f;
// 屏幕的宽度
int screnWidth = 0;
public Circleview(Context context,int width) {
super(context);
this.screnWidth = width;
mHourBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.share_lottery_pointer);
bInitComplete = true;
new Thread(this).start();
}
public void setRotate_degree(float degree) {
Angel = degree;
}
@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
super.onDraw(canvas);
matx.reset();
canvas.drawColor(Color.TRANSPARENT);
if (!bInitComplete) {
return;
}
Paint localPaint = new Paint();
// 设置取消锯齿效果
localPaint.setAntiAlias(true);
localPaint.setFilterBitmap(true);
matx.setTranslate(this.screnWidth/2-mHourBitmap.getWidth()/2, DensityUtil.dip2px(getContext(), 300)/2-mHourBitmap.getHeight()+DensityUtil.dip2px(getContext(), 20));
// 设置绕点旋转
matx.preRotate(Angel, mHourBitmap.getWidth() / 2,mHourBitmap.getHeight() * 4 / 5);
canvas.drawBitmap(mHourBitmap, matx, localPaint);
}
public void run() {
try {
while (true) {
if (!isStopRoter()) {
if(maxAngel!=0&&Angel>=maxAngel)
{
setStopRoter(true);
maxAngel = 0.0f;
}
else
{
if(maxAngel-Angel<360)
setRotate_degree(Angel+=10);
else
setRotate_degree(Angel+=15);
this.postInvalidate();
Thread.sleep(50);
}
}
}
} catch (InterruptedException e) {
e.printStackTrace();
}
}
//获取当前的角度,并设置停止角度
public void setStopPlace(int place){
getRoterByPlace(place);
}
void getRoterByPlace(int place){
float roter = getRoteCenter(place);
float currentRoter = getCurrentRoter();
//如果当前的角度小于位置的角度,则表示需要多转多少角度
float difRoter = currentRoter - roter;
//固定六圈360*6,后在加上当前的角度差
maxAngel = Angel + 360*5 + 360-difRoter;
}
//得到奖项位置的角度 -转盘360度 根据奖项取各个奖项的平均值,在设置指定各个奖项的中间点
float getRoteCenter(int place){
float roter = 0.0f;
switch (place) {
case 1:
roter = 0;
break;
case 2:
roter = 60/2 + 30;
break;
case 3:
roter = 60/2 + 90;
break;
case 4:
roter = 60/2 + 150;
break;
case 5:
roter = 60/2 + 210;
break;
case 6:
roter = 60/2 + 270;
break;
default:
break;
}
return roter;
}
//得到转动的实际角度--换算角度值
float getCurrentRoter(){
int current = (int) Angel/360;
if(0==current)
return Angel;
float roter = Angel - 360*current;
return roter;
}
public boolean isStopRoter() {
return stopRoter;
}
public void setStopRoter(boolean stopRoter) {
this.stopRoter = stopRoter;
}
}
MyDensityUtil
public class MyDensityUtil {
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
public static int px2dip(Context context, float pxValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (pxValue / scale + 0.5f);
}
}