ITPub博客

首页 > IT职业 > IT生活 > Android开发中利用ObjectAnimator实现ArcMenu

Android开发中利用ObjectAnimator实现ArcMenu

IT生活 作者:at_1 时间:2021-09-09 09:29:17 0 删除 编辑

本文介绍利用ObjectAnimator简单地实现ArcMenu,直接使用本文的ArcMenu类即可快捷地实现菜单功能。

最终使用效果

先看下最终的使用效果:

private int[] imageRes = {R.id.img_menu, R.id.img_menu1, R.id.img_menu2, R.id.img_menu3, 
R.id.img_menu4, R.id.img_menu5};private ArcMenu arcMenu;
...//初始化,参数为资源图片id
 arcMenu = new ArcMenu(this, imageRes);//点击事件,这边使用了annotation,直接使用findViewById然后设置监听事件也可以
    @Click
    public void img_menu() {
        mylog.d(" @Click img_menu");
        arcMenu.switchMenu();
    }    @Click
    public void img_menu1() {
        arcMenu.clickItem();
        mylog.d(" @Click img_menu1");
    }    @Click
    public void img_menu2() {
        arcMenu.clickItem();
        mylog.d(" @Click img_menu2");
    }    @Click
    public void img_menu3() {
        arcMenu.clickItem();
        mylog.d(" @Click img_menu3");
    }    @Click
    public void img_menu4() {
        arcMenu.clickItem();
        mylog.d(" @Click img_menu4");
    }    @Click
    public void img_menu5() {
        arcMenu.clickItem();
        mylog.d(" @Click img_menu5");
    }

布局文件中,将需要用到的图片放在同一位置。



    

    

    

    

    

    

下面为截图;

具体实现

初始化,通过imageRes的数量设置相邻两个图标之间的角度,同时将imageView加入imageViewList中,方便后面使用

public class ArcMenu {    private Activity context;    private int[] imageRes;    private List imageViewList = new ArrayList();    private boolean isShowMenu = false;    int radius = 180;    double angle;    public ArcMenu(Activity context, int[] imageRes) {
        angle = Math.PI / 2 / (imageRes.length - 2);
        radius = Tool.dip2px(context, radius);        this.context = context;        this.imageRes = imageRes;        for (int imagRe : imageRes) {
            ImageView imageView = (ImageView) context.findViewById(imagRe);
            imageViewList.add(imageView);
        }
    }
}

菜单弹出动画,使用ObjectAnimator,对每一个图标进行平移操作,第0个图标为菜单开关,加入旋转动画。

private void openMenu() {
        isShowMenu = true;
        setItemVisible(true);
        ObjectAnimator animator1;
        ObjectAnimator animator2;
        List objectAnimators = new ArrayList();
        AnimatorSet set = new AnimatorSet();        for (int i = 1; i 

同理,关闭菜单

private void closeMenu() {
        isShowMenu = false;
        ObjectAnimator animator1 = null;
        ObjectAnimator animator2;
        List objectAnimators = new ArrayList();
        AnimatorSet set = new AnimatorSet();        for (int i = 1; i 

切换菜单开关

public void switchMenu() {        if (isShowMenu) {
            closeMenu();
        } else {
            openMenu();
        }
    }

图标被点击后,将所有子图标隐藏,同时调用closMenu(),将图片移回原处。

public void clickItem() {
        setItemVisible(false);
        closeMenu();
    }    private void setItemVisible(boolean isVisible) {        for (int i = 1; i 

总结

至此,整个功能大致完成。现有的功能默认arcmenu为界面右下角,其他位置相应地修改公式即可以实现,可自行进行拓展,兼容不同位置。

本文链接:http://www.codeceo.com/article/android-objectanimator-arcmenu.html
本文作者:码农网 – 苏耀东

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1817/viewspace-2810175/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-07-26

  • 博文量
    265
  • 访问量
    12477