一)大致的实现图
三)获取容器和背景视图设置视图的尺寸和 x y 坐标
float scale = getResources().getDisplayMetrics().density;这段代码是根据手机的分辨率从 dp 的单位 转成为 px(像素)。为什么会用到这个?因为在后面添加荧光色的dot 和 线段的时候会用到找 X ,Y 的坐标。
四)创建横线三行二列
1.创建一个视图 由xml的drawable资源中获得横线图片,获得图片后,图片大小同原图大小相同 (通过 new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT)设置)
设置X Y 坐标
params.leftMargin = (int)(x + 36scale) + (int)(104scale*i);(X Y 的坐标是起始点的位置)
创建竖线,斜线是同样的道理,只需要将X Y 的坐标改变一下就行了
五)创建 9 个点
使用for循环创建视图的显示点,显示图片,创建控件尺寸,设置坐标,将子控件添加到容器(父本控件)中
最后的整体效果如图所示: