自定义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 {@Overrideprotected 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);}@Overrideprotected 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 {@Overridepublic 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();//更新Viewtry {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);}@Overrideprotected 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{@Overridepublic void run() {    while(true){    sweepAngle ++;    if(sweepAngle > 360){    sweepAngle = 0;    }    postInvalidate();    try {                Thread.sleep(30);                } catch (InterruptedException e) {                e.printStackTrace();                }    }}}}

效果图：