美文网首页Android DevelopmentAndroid开发Android知识
Android 弹出菜单(类iOS UIMenuControll

Android 弹出菜单(类iOS UIMenuControll

作者: 不具名家 | 来源:发表于2016-11-26 22:37 被阅读0次

    PopupMenuView是一个类似iOS的UIMenuController的控件,显示效果如下:

    项目地址: https://github.com/kareluo/PopupMenuView

    PopupMenuView

    用过iOS系统的应该都知道,iOS系统中有一个控件是弹出菜单,就是QQ和微信聊天界面中长按消息那个控件。如下:

    UIMenuController

    Android 实现

    分析来看,可以通过PopupWindow来实现,ContentView为一个LinearLayout包含许多TextView,嗯,不过其样式实现起来就不那么容易了,像是一个气泡一样,那么如何画一个气泡呢?
    可以把气泡分为两个部分:一部分是一个圆角矩形,另一部分是一个小三角形。如下:

    圆角矩形加三角形

    这个很好画,Canvas对象里有很多绘画的方法,但是我们需要将这个组合图形当做一个整体绘制出去,最好的方式是先构造成一个Path,一个简单的气泡组合:

    Path triangle = new Path();
    triangle.lineTo(32, 0);
    triangle.lineTo(16, 16);
    triangle.close();
    
    Path path = new Path();
    path.addRoundRect(new RectF(0, 0, 100, 32), 16, 16, Path.Direction.CW);
    path.addPath(triangle, 16, 32);
    

    气泡和控件如何结合在一起呢?Paint可以设置很多绘制模式,如DST_IN,SRC_IN等。

    mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
    
    QQ20161126-1@2x.png

    Canvas绘制图案时是分层的,如DST_IN的功能就是绘制上一层和本层的交集部分的上一层内容,这样一来将控件与气泡图案分层绘制,并设置绘制模式,这样就会绘制出气泡样式的控件来,不仅限制于气泡,任何样式都可以实现。也不会影响控件的点击效果,如点击变色等。这也是PopupMenuView的核心实现。

    项目地址: https://github.com/kareluo/PopupMenuView

    相关文章

      网友评论

        本文标题:Android 弹出菜单(类iOS UIMenuControll

        本文链接:https://www.haomeiwen.com/subject/njpgpttx.html