安卓数独游戏-3-界面绘制之自定义视图

Yuhang Li

发布于：2020年5月11日

创建自定义视图类

创建自定义视图之前，需要创建自定义视图类，之后在资源文件.xml中作为一个元素插入。
创建自定义视图类时，需要继承View类，并重写类的构造函数。自定义视图类的基本结构如下所示：

public class draw_sudoku_grid_easy extends View {
    public draw_sudoku_grid_easy(sudoku_play_easy sudoku_play_easy){
        super(sudoku_play_easy);
    }
    public draw_sudoku_grid_easy(Context context, AttributeSet attributeSet){
        super(context,attributeSet);
    }
    public draw_sudoku_grid_easy(Context context){
        super(context);
    }
    public draw_sudoku_grid_easy(Context context, AttributeSet attrs, int defStyleAttr){
        super(context,attrs,defStyleAttr);
    }

自定义视图类中重要函数

在数独游戏项目的自定义视图中，重写了View类的onDraw和onTouchEvent函数。

onDraw函数

1
2
3

  public void onDraw(Canvas canvas){
//Your code
  }

每次函数重新绘制的时候，都会运行该函数。

如何刷新自定义视图界面

可以在自定义视图类中使用invalidate函数来重新调用onDraw函数，达到刷新界面的效果。

1	invalidate();

onTouchEvent函数

项目中使用onTouchEvent函数对触摸事件进行处理。
使用MotionEvent.ACTION_DOWN和MotionEvent.ACTION_UP判断触摸事件类型，使用event.getX()和event.getY()得到触摸位置。

自定义视图中的Toast消息框

安卓数独游戏中，需要在适当的时机给出用户提示，本项目使用了Toast的提示方式。
代码如下：

Toast toast=Toast.makeText(getContext(), "", 800);
LinearLayout layout = (LinearLayout) toast.getView();
TextView str = (TextView) layout.getChildAt(0);
str.setTextSize(30);//字体大小
str.setTextColor(R.color.white);//字体颜色
toast.setText("Hint added!");//文本内容
toast.setGravity(Gravity.CENTER, 0, 0);//设置居中显示
ImageView imageView= new ImageView(getContext());
imageView.setImageResource(R.drawable.about_icon);//要显示的图标
LinearLayout toastView = (LinearLayout) toast.getView();
toastView.setOrientation(LinearLayout.VERTICAL);
toastView.addView(imageView, 0);
toast.show();