首先我们添加图片图片资源
image.png
设置xml属性 添加背景图片
image.png
运行效果:
image.png
创建点视图
image.png
循环创建九个点:
image.png image.png
运行结果:
image.png
添加一个画布用来绘制线
image.png
在onCreate方法里面创建:
最底层是普通的点
第二层是画布
最顶层是点亮的点
image.png
运行结果:
image.png
将上方的ActionBar去掉
image.png
再看一下运行效果:
image.png
注意!将画布设置在第二层的目的是在后来画线的时候所画的线要在点亮按钮的下方(即被点亮按钮覆盖)
网友评论