pokemonUI项目——popover组件表驱动编程优化

70 阅读1分钟

优化原因

在做popover组件时,需要实现popover的内容从按钮的上下左右四个方向可以分别弹出,所以我们写了如下的逻辑

截屏2022-09-18 13.59.19.png

可以看到,虽然可以实现功能,但是仅仅四个方向的就显得代码过于冗杂且重复,这时我们为了以后的代码有更好的可读性和优化性,(比如增加到八个方向)应该对代码进行一下优化。

优化思路

可以发现,是上下左右四个方向分别对应一些方法,所以可以采取表编程驱动。 根据原来的代码可以列出这样的结构 IMG_EC9C517EFE82-1.jpeg

以此创建一个对象,

截屏2022-09-18 14.15.34.png 并根据代码补充好

截屏2022-09-18 14.19.48.png 最后补上设置style的方法

截屏2022-09-18 14.25.39.png 优化结束。