Android自定义View的学习(三)
MainActivity如下:
package cc.testviewstudy3; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.app.Activity; /** * Demo描述: * 关于自定义View的学习(三) * * 自定义View的实现方式大概可以分为三种: * 自绘控件、组合控件、以及继承控件 * 在此Demo中实现自绘控件和组合控件 * * 学习资料: * http://blog.csdn.net/guolin_blog/article/details/17357967 * Thank you very much * */ public class MainActivity extends Activity { private TitleViewFrameLayout mTitleViewFrameLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); init(); } private void init(){ mTitleViewFrameLayout=(TitleViewFrameLayout) findViewById(R.id.titleViewFrameLayout); mTitleViewFrameLayout.setBackButtonText("返回"); mTitleViewFrameLayout.setTitleTextViewText("标题"); mTitleViewFrameLayout.setButtonClickListener(new OnClickListener() { @Override public void onClick(View v) { System.out.println("点击了Back"); finish(); } }); } }
CounterView如下:
package cc.testviewstudy3; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Rect; import android.util.AttributeSet; import android.view.View; //自绘控件 public class CounterView extends View implements View.OnClickListener{ private Paint mPaint; private Rect mRect; private Rect mTextBoundsRect; private int counter=0; public CounterView(Context context) { super(context); } public CounterView(Context context, AttributeSet attrs) { super(context, attrs); mPaint=new Paint(Paint.ANTI_ALIAS_FLAG); mRect=new Rect(); mTextBoundsRect=new Rect(); //设置监听 setOnClickListener(this); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); mPaint.setColor(Color.YELLOW); // getWidth()和getHeight()表示获得该自定义View本身的宽和高 canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint); mPaint.setColor(Color.BLUE); mPaint.setTextSize(40); String counterString = String.valueOf(counter); //测量文字的宽和高,将此结果保存到了一个Rect中.即此处的mTextBoundsRect mPaint.getTextBounds(counterString, 0, counterString.length(),mTextBoundsRect); float textBoundWidth = mTextBoundsRect.width(); float textBoundHeight = mTextBoundsRect.height(); //System.out.println("textBoundWidth=" + textBoundWidth+ ",textBoundHeight=" + textBoundHeight); //画出文字 canvas.drawText(counterString, getWidth() / 2-textBoundWidth/2, getHeight() / 2+textBoundHeight/2, mPaint); } @Override public void onClick(View v) { counter++; //重绘.会调用onDraw()方法 invalidate(); } }
TitleViewFrameLayout如下:
package cc.testviewstudy3; import android.content.Context; import android.util.AttributeSet; import android.view.LayoutInflater; import android.widget.Button; import android.widget.FrameLayout; import android.widget.TextView; //组合控件 public class TitleViewFrameLayout extends FrameLayout { private Button mBackButton; private TextView mTitleTextView; public TitleViewFrameLayout(Context context, AttributeSet attrs) { super(context, attrs); LayoutInflater.from(context).inflate(R.layout.test_title, this); mBackButton=(Button) findViewById(R.id.backButton); mTitleTextView=(TextView) findViewById(R.id.titleTextView); } //定义方法--->设置Button的文字 public void setBackButtonText(String text){ mBackButton.setText(text); } //定义方法--->设置Button的点击监听 public void setButtonClickListener(OnClickListener listener){ mBackButton.setOnClickListener(listener); } //定义方法--->设置TextView的文字 public void setTitleTextViewText(String text){ mTitleTextView.setText(text); } }
main.xml如下:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <cc.testviewstudy3.TitleViewFrameLayout android:id="@+id/titleViewFrameLayout" android:layout_width="fill_parent" android:layout_height="80dip" android:layout_centerHorizontal="true" /> <cc.testviewstudy3.CounterView android:layout_width="120dip" android:layout_height="120dip" android:layout_centerInParent="true" /> </RelativeLayout>
test_title如下:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="70dip" android:background="#fcf345" > <Button android:id="@+id/backButton" android:layout_width="70dip" android:layout_height="50dip" android:layout_centerVertical="true" android:layout_marginLeft="10dip" android:text="Back" /> <TextView android:id="@+id/titleTextView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:text="Title" android:textColor="#1ee123" android:textSize="20sp" /> </RelativeLayout>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。