九宫格


说一下思路哈,首先界面上用UGUI做成九个按钮,用它的排序列表排成3*3的,用lineRender画线。然后逻辑上图案密码实际上保存的就是数字,每个按钮对应一个数字,保存的密码实际上是数字的顺序。

下面详细说明

1.首先新建的按钮下的text删除,换成image放进去,然后把按钮图片和image的图片都换成knob,系统自带的图片,调整按钮的alpha.

效果如下:

2.将这个按钮复制8个,名字改为1-9.

效果如图:

3.新建一个空物体,叫Buttons,将9个按钮拖到它下面,然后再Buttons上添加GridLayoutGroup脚本,设置行列和间距

效果如图:

4.建立一个空物体命名为line,然后添加lineRender组件,并新建材质添加到lineRender上,线的大小和宽度或者图片好看可以自己设置,楼主懒得弄,就设了个颜色。

5.现在开始写代码了,新建一个脚本BtnsControl,脚本内容如下,具体的看注释,有疑问或者可以优化的可以评论中给我建议。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言:看了几篇简书,九宫格密码解锁,看着不错,拿来学习一下。 一、实现效果 二、手势解锁实现过程 分析: 如图所示...
    麦穗0615阅读 7,368评论 14 62
  • 一、实现效果 实现效果图: 二、 手势解锁应用 分析 1.监听手指在view上的移动,首先肯定需要自定义一个vie...
    秀才不才阅读 5,149评论 0 0
  • 一、九宫格1.1 ****方法****1 ****只能创建(****ij****)个对象* 1.2 ****方法*...
    AsaGuo阅读 429评论 0 1
  • 要完成自定义加载图片的九宫格的步骤 1:写一个类继承ViewGroup,同时实现他的构造方法,当然自己使用实现两个...
    蜗牛1阅读 806评论 0 1
  • #import "ViewController.h" @interface ViewController () {...
    博行天下阅读 357评论 0 0