iOS开发(3):tips提示 | 如何提示一行文字或一个图片

时间:2022-03-16 06:51:32

我有一个需求:在点击或长按某个按钮时,显示提示,包括简单的文字提示,还有复杂一点的图片甚至是动态图的提示(可能还要加上文字),怎么实现呢?

(1)文字tips

使用之前介绍的qmuikit里面的QMUITips类即可实现。

实现代码如下:
iOS开发(3):tips提示 | 如何提示一行文字或一个图片

或者这样:
iOS开发(3):tips提示 | 如何提示一行文字或一个图片

效果如下:
iOS开发(3):tips提示 | 如何提示一行文字或一个图片

需要注意,使用qmuitips会阻塞界面,也就是在提示消失之后,界面才可以操作。

(2)图片提示

对于图文提示(图片加文字),使用QMUIPopupContainerView可以实现。

比如QMUIPopupContainerView的初始化与显示,可以这样写:
iOS开发(3):tips提示 | 如何提示一行文字或一个图片

可以设置图片跟文字属性,比如这样:
iOS开发(3):tips提示 | 如何提示一行文字或一个图片

注意,对于图文显示的位置,只需要以图片为主即可,比如让图片显示在正中间即可,文字会自动加在图片的某一边(可设置),并且会自动地整体调整位置。

显示效果如下:
iOS开发(3):tips提示 | 如何提示一行文字或一个图片

以上只是一个简陋的效果,读者可以按照介绍的方法并设计好图片,最终得到更好看的效果。