学步园

一、在Android中，不能在主线程中更新布局，这样可能抛出Response Exception。

      需要开启一个线程来不断更新动态的视图，如此才不会影响到主线程的运行。

      同样的，也不能在主线程中直接下载网络文件这些比较费时的操作，如果一直没有响应，

      主线程可能直接崩溃，退出程序。解决的办法也是开启一个线程。

二、要动态显示歌词，必须自定义一个View类。(说明一下，此类大部分代码引用自网络，被我修改来满足我们的需求）

      比如我的代码定义为LrcSurfaceView ,它继承自SurfaceView ，并实现Runnable接口的run方法，已经实现

      SurfaceHolder.Callback;

      具体代码如下：

      package com.lrc.view;<br /> import com.lrc.model.LRCUtil;<br /> import com.lrc.model.SongInfor;<br /> import android.content.Context;<br /> import android.graphics.Canvas;<br /> import android.graphics.Color;<br /> import android.graphics.Paint;<br /> import android.graphics.Path;<br /> import android.util.AttributeSet;<br /> import android.view.SurfaceHolder;<br /> import android.view.SurfaceView;<br /> /**<br /> * 自定义的View,继承自SurfaceView<br /> * @author syn<br /> * @note 很多代码来自网络<br /> * @date 2011.4.20<br /> */<br /> public class LrcSurfaceView extends SurfaceView implements SurfaceHolder.Callback,Runnable{<br /> private int textSize =15;<br /> private static int xAdd=0;<br /> private boolean isPlay=true;<br /> private Paint mPaint;<br /> private Path mPath;<br /> private int mContentLine=0;<br /> float hOffset;<br /> {<br /> mPath = new Path();<br /> mPaint = new Paint(); //生成paint<br /> mPaint.setAntiAlias(true); //消除齿锯<br /> mPaint.setTextSize(textSize);<br /> }</p> <p> //构造函数<br /> public LrcSurfaceView(Context context, AttributeSet attrs)<br /> {<br /> super(context, attrs);<br /> mSurfaceHolder = this.getHolder(); //获取Holder<br /> mSurfaceHolder.addCallback(this); //必须调用callback<br /> this.setFocusable(false); //获取焦点<br /> mbLoop = true;<br /> }</p> <p> boolean mbLoop = false;<br /> SurfaceHolder mSurfaceHolder = null; //SurfaceHolder 对象</p> <p> //构造函数<br /> public LrcSurfaceView(Context context)<br /> {<br /> super(context);<br /> mSurfaceHolder = this.getHolder(); //获取Holder<br /> mSurfaceHolder.addCallback(this);<br /> this.setFocusable(false);<br /> mbLoop = true;<br /> }<br /> @Override<br /> public void surfaceChanged(SurfaceHolder holder, int format, int width,<br /> int height) {<br /> } </p> <p> @Override<br /> public void surfaceCreated(SurfaceHolder holder)<br /> {<br /> new Thread(this).start(); //启动一个线程,更新控件<br /> } </p> <p> @Override<br /> public void surfaceDestroyed(SurfaceHolder holder)<br /> {<br /> mbLoop = false;<br /> } </p> <p> @Override<br /> public void run() //实现Runnable接口<br /> {<br /> while (mbLoop)<br /> {<br /> try<br /> {<br /> Thread.sleep(100);<br /> } catch (Exception e) {}<br /> synchronized( mSurfaceHolder )<br /> {<br /> Draw(); //绘图我们的图形（在这里可以发挥想象空间）<br /> }<br /> }<br /> } </p> <p> public void Draw() //歌詞显示<br /> {<br /> Canvas canvas = mSurfaceHolder.lockCanvas(); //创建画布<br /> if (mSurfaceHolder==null || canvas == null)<br /> {<br /> return;<br /> } </p> <p> mPaint.setColor(Color.argb(200,80, 80, 80)); //mPaint设置画布颜色<br /> canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint); //画一个长方形用于显示歌词 </p> <p> mPaint.setColor(Color.argb(255,50,150,150));<br /> mPath.moveTo(2, getHeight());<br /> mPath.lineTo(getWidth(), getHeight());<br /> if(isPlay)<br /> {<br /> final float offsetCopy = hOffset;<br /> if(mContentLine>SongInfor.getContent().length)<br /> {<br /> mContentLine=0;<br /> }<br /> if((xAdd+offsetCopy)<=getWidth())<br /> {</p> <p> canvas.drawTextOnPath(SongInfor.getContent()[mContentLine].trim(),mPath, xAdd+offsetCopy,-5, mPaint);<br /> xAdd=xAdd+6;<br /> }<br /> else<br /> {<br /> xAdd=-SongInfor.getContent()[mContentLine].trim().length();<br /> mContentLine++;<br /> canvas.drawTextOnPath(SongInfor.getContent()[mContentLine].trim(),mPath, xAdd+offsetCopy,-5, mPaint);<br /> }<br /> }<br /> else<br /> {<br /> canvas.drawTextOnPath(SongInfor.getContent()[mContentLine].trim(),mPath, 6,-5, mPaint);<br /> }</p> <p> mSurfaceHolder.unlockCanvasAndPost(canvas);<br /> } </p> <p> public void setPlay(boolean flag)<br /> {<br /> this.isPlay=flag;<br /> }

主要思路是，在view类创建的时候，开启一个线程，然后我们覆写run方法，在里面不断更新歌词的显示。

显示歌词的地方时一个canvas,然后我们在画布上不断用canvas.drawTextOnPath方法来画。

三、然后我们在xml文件中把此类引用。

      <?xml version="1.0" encoding="utf-8"?><br /> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"<br /> android:orientation="vertical"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"<br /> ><br /> <TextView<br /> android:layout_width="fill_parent"<br /> android:layout_height="wrap_content"<br /> android:text="@string/hello"<br /> /><br /> <com.lrc.view.LrcSurfaceView<br /> android:id="@+id/lrcView"<br /> android:layout_width="320px"<br /> android:layout_height="30px"<br /> /><br /> </LinearLayout> 

四、在MainActivity中像往常的View调用就OK啦。

      类似代码如下：

      public class MainActivity extends Activity {<br /> @SuppressWarnings("unused")<br /> private LrcSurfaceView lrcView;<br /> /** Called when the activity is first created. */<br /> @Override<br /> public void onCreate(Bundle savedInstanceState) {<br /> super.onCreate(savedInstanceState);<br /> SongInfor.onCreate("/sdcard/mm.lrc");<br /> lrcView=new LrcSurfaceView(this);<br /> setContentView(R.layout.main);<br /> lrcView=(LrcSurfaceView)findViewById(R.id.lrcView);<br /> }<br /> }

五、最后就能出下面的效果。