Android Api Demos登顶之路(九十)Graphics-->TextAlign

/*
 * 这个demon演示了文本的排列方式
 */
public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new SampleView(this));
    }

    private class SampleView extends View{
        private Paint mPaint;
        private Path mPaht;
        private Paint mPathPaint;
        private float[] mPos;
        private float mX;

        private static final String TEXT_L = "Left";
        private static final String TEXT_C = "Center";
        private static final String TEXT_R = "Right";
        private static final String POSTEXT = "Positioned";
        private static final String TEXTONPATH = "Along a path";

        //定制路径
        private void makePath(Path p){
            p.moveTo(10, 0);
            /*Add a cubic bezier from the last point, approaching control points (x1,y1) and (x2,y2),
            and ending at (x3,y3). If no moveTo() call has been made for this contour, the first point
            is automatically set to (0,0).*/
            //从最后一个点处(moveTo的位置)添加一条贝尔曲线
            p.cubicTo(100, -50, 200, 50, 300, 0);
        }

        //定制文本的位置
        private float[] buildTextPositions(String text,float y,Paint paint){
            float[] widths=new float[text.length()];
            //获取第个字符的宽度,并将其存放到widths数组当中,返回字符的个数
            int n=paint.getTextWidths(text, widths);
            float[] pos=new float[n*2];
            float accumulatedX=0;
            //计算每个字符的坐标
            for(int i=0;i<n;i++){
                pos[i*2]=accumulatedX;
                pos[i*2+1]=y;
                accumulatedX+=widths[i];
            }
            return pos;
        }
        public SampleView(Context context) {
            super(context);
            setFocusable(true);

            mPaint=new Paint(Paint.ANTI_ALIAS_FLAG);
            mPaint.setTextSize(30);
            //设置字体
            mPaint.setTypeface(Typeface.SERIF);

            mPos=buildTextPositions(POSTEXT, 0, mPaint);
            mPaht=new Path();
            makePath(mPaht);

            mPathPaint=new Paint(Paint.ANTI_ALIAS_FLAG);
            mPathPaint.setColor(0x800000ff);
            mPathPaint.setStyle(Paint.Style.STROKE);
        }

        @Override
        protected void onDraw(Canvas canvas) {
            canvas.drawColor(Color.WHITE);
            int DY=30;
            float x=mX;
            float y=0;

            mPaint.setColor(0x80ff0000);
            canvas.drawLine(x, y, x, y+DY*3, mPaint);
            mPaint.setColor(Color.BLACK);

            canvas.translate(0, DY);
            //文本排列方式为左对齐,以x为起始点
            mPaint.setTextAlign(Paint.Align.LEFT);
            canvas.drawText(TEXT_L, x, y, mPaint);

            canvas.translate(0, DY);
            //文本排列方式为居中对齐,即x坐标点为文本的横向中点
            mPaint.setTextAlign(Paint.Align.CENTER);
            canvas.drawText(TEXT_C, x, y, mPaint);

            canvas.translate(0, DY);
            //文本排列方式为左对齐,以x为结束点
            mPaint.setTextAlign(Paint.Align.RIGHT);
            canvas.drawText(TEXT_R, x, y, mPaint);

            canvas.translate(100, DY*2);

            mPaint.setColor(0x8000ff00);
            for(int i=0;i<mPos.length/2;i++){
                //绘制每个字符的对齐参考线
                canvas.drawLine(mPos[i*2], mPos[i*2+1]-DY, mPos[i*2], mPos[i*2+1]+DY*2, mPaint);
            }
            mPaint.setColor(Color.BLACK);
            mPaint.setTextAlign(Paint.Align.LEFT);
            canvas.drawPosText(POSTEXT, mPos, mPaint);

            canvas.translate(0, DY);
            mPaint.setTextAlign(Paint.Align.CENTER);
            //参考线位于每个字符的中间位置
            canvas.drawPosText(POSTEXT, mPos, mPaint);

            canvas.translate(0, DY);
            mPaint.setTextAlign(Paint.Align.RIGHT);
            canvas.drawPosText(POSTEXT, mPos, mPaint);

            //将画布移至屏幕左侧
            canvas.translate(-100, DY*2);
            canvas.drawPath(mPaht, mPathPaint);
            mPaint.setTextAlign(Paint.Align.LEFT);
            //沿路径绘制文本
            canvas.drawTextOnPath(TEXTONPATH, mPaht, 0, 0, mPaint);

            canvas.translate(0, DY*1.5f);
            canvas.drawPath(mPaht, mPathPaint);
            mPaint.setTextAlign(Paint.Align.CENTER);
            canvas.drawTextOnPath(TEXTONPATH, mPaht, 0, 0, mPaint);

            canvas.translate(0, DY*1.5f);
            canvas.drawPath(mPaht, mPathPaint);
            mPaint.setTextAlign(Paint.Align.RIGHT);
            canvas.drawTextOnPath(TEXTONPATH, mPaht, 0, 0, mPaint);
        }

        @Override
        protected void onSizeChanged(int w, int h, int oldw, int oldh) {
            super.onSizeChanged(w, h, oldw, oldh);
            //使横坐标位于屏幕的中心
            mX=w*0.5f;
        }

    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值