自定义View（二）——文字滚动、动态画圆

一、自定义View,使文字横向循环滚动

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.cctvjiatao.customview"
android:versionCode="1"
android:versionName="1.0" >

<uses-sdk
android:minSdkVersion="14"
android:targetSdkVersion="22" />

<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name=".MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>

</manifest>

com.cctvjiatao.customview.MainActivity

package com.cctvjiatao.customview;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}

}

activity_main.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<com.cctvjiatao.customview.v1.CustomView1
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#00ff00"
android:visibility="gone">
</com.cctvjiatao.customview.v1.CustomView1>

<com.cctvjiatao.customview.v2.CustomView1
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone">
</com.cctvjiatao.customview.v2.CustomView1>

<com.cctvjiatao.customview.v2.CustomView2
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone">
</com.cctvjiatao.customview.v2.CustomView2>

<com.cctvjiatao.customview.v2.CustomView3
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone">
</com.cctvjiatao.customview.v2.CustomView3>
<com.cctvjiatao.customview.v3.CustomView1
android:layout_width="match_parent"
android:layout_height="match_parent">
</com.cctvjiatao.customview.v3.CustomView1>

</FrameLayout>

com.cctvjiatao.customview.v3.CustomView1

package com.cctvjiatao.customview.v3;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

/**
* @作者： jiatao
* @修改时间：2016-3-12 下午4:20:42
* @包名：com.cctvjiatao.customview.v3
* @文件名：CustomView1.java
* @版权声明：www.cctvjiatao.com
* @功能： 自定义View,使文字横向循环滚动
*/
public class CustomView1 extends View {

private float move_x = 0;
private Paint paint = new Paint();
private MoveThread moveThread;

public CustomView1(Context context, AttributeSet attrs) {
super(context, attrs);
}

public CustomView1(Context context) {
super(context);
}

@Override
protected void onDraw(Canvas canvas) {
paint.setTextSize(30);
canvas.drawText("cctvjiatao", move_x, 30, paint);
if (moveThread == null) {
moveThread = new MoveThread();
moveThread.start();
}

}

class MoveThread extends Thread {
@Override
public void run() {

while (true) {
move_x += 3;
if (move_x > getWidth()) {//如果文字滑出屏幕
move_x = 0 - paint.measureText("cctvjiatao");
//					move_x = 0;//对比效果差异
//					move_x = paint.measureText("cctvjiatao");//对比效果差异
}
postInvalidate();//更新View
try {
Thread.sleep(30);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
}

}

二、自定义View,循环画圆

AndroidManifest.xml 同一

com.cctvjiatao.customview.MainActivity 同一

activity_main.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<com.cctvjiatao.customview.v1.CustomView1
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#00ff00"
android:visibility="gone" >
</com.cctvjiatao.customview.v1.CustomView1>

<com.cctvjiatao.customview.v2.CustomView1
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone" >
</com.cctvjiatao.customview.v2.CustomView1>

<com.cctvjiatao.customview.v2.CustomView2
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone" >
</com.cctvjiatao.customview.v2.CustomView2>

<com.cctvjiatao.customview.v2.CustomView3
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone" >
</com.cctvjiatao.customview.v2.CustomView3>

<com.cctvjiatao.customview.v3.CustomView1
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone" >
</com.cctvjiatao.customview.v3.CustomView1>

<com.cctvjiatao.customview.v3.CustomView2
android:layout_width="match_parent"
android:layout_height="match_parent">
</com.cctvjiatao.customview.v3.CustomView2>

</FrameLayout>

com.cctvjiatao.customview.v3.CustomView2

package com.cctvjiatao.customview.v3;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;

/**
* @作者： jiatao
* @修改时间：2016-3-12 下午4:42:36
* @包名：com.cctvjiatao.customview.v3
* @文件名：CustomView2.java
* @版权声明：www.cctvjiatao.com
* @功能： 自定义View,循环画圆,圆的形状有 RectF决定
*/
public class CustomView2 extends View {

private ArcThread arcThread;
private float sweepAngle = 0;
private RectF rectf1 = new RectF(0 ,60 ,100, 160);
private RectF rectf2 = new RectF(150 ,60 ,250, 130);
private RectF rectf3 = new RectF(350 ,60 ,450, 200);

public CustomView2(Context context) {
super(context);
}

public CustomView2(Context context, AttributeSet attrs) {
super(context, attrs);
}

@Override
protected void onDraw(Canvas canvas) {
Paint paint1 = new Paint();
paint1.setColor(0xff00ff00);
Paint paint2 = new Paint();
paint2.setColor(0xffff0000);
Paint paint3 = new Paint();
paint3.setColor(0xff0000ff);
/**
* canvas.drawArc(oval, startAngle, sweepAngle, useCenter, paint)
* 		oval :指定圆弧的外轮廓矩形区域
* 		startAngle: 圆弧起始角度，单位为度
* 		sweepAngle: 圆弧扫过的角度，顺时针方向，单位为度
* 		useCenter: 如果为True时，在绘制圆弧时将圆心包括在内，通常用来绘制扇形
* 		paint: 绘制圆弧的画板属性，如颜色，是否填充等
*
*/
canvas.drawArc(rectf1, 0, sweepAngle, true, paint1);
canvas.drawArc(rectf2, 0, sweepAngle, true, paint2);
canvas.drawArc(rectf3, 0, sweepAngle, true, paint3);
if(arcThread == null){
arcThread = new ArcThread();
arcThread.start();
}
}

class ArcThread extends Thread{
@Override
public void run() {
while(true){
sweepAngle ++;
if(sweepAngle > 360){
sweepAngle = 0;
}
postInvalidate();
try {
Thread.sleep(30);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
}
}

效果图：