android 扭蛋器

    新年新气象,上班第一天称工作不忙,想着整理一下之前的项目,有几个好的idea想分享一下。

     在之前项目需求中有个扭蛋器的功能需求,由于之前也没有做过摇奖机或者2d动画的经验,于是采取了码奴常用手段baidu,但是都没有合适的效果。偶然间看到摩拜单车的贴纸动画效果还不错,于是扒了一波。(原项目地址:https://github.com/andmizi/MobikeTags

    要想在android项目中实现类似效果需要引入jbox2d内库( https://github.com/jbox2d/jbox2d),在我的项目中我修改了作者的 Mobike和MobikeView两个类,达到以上效果。

```

public class JumpingViewextends FrameLayout {

private Jumpingjumping;

    private ArrayListheadList =new ArrayList<>();

    public JumpingView(@NonNull Context context) {

this(context, null);

    }

public JumpingView(@NonNull Context context, @Nullable AttributeSet attrs) {

super(context, attrs);

        setWillNotDraw(false);

        jumping =new Jumping(this);

    }

@Override

    protected void onSizeChanged(int w, int h, int oldw, int oldh) {

super.onSizeChanged(w, h, oldw, oldh);

        jumping.onSizeChanged(w, h);

    }

@Override

    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {

super.onLayout(changed, left, top, right, bottom);

        jumping.onLayout(changed);

    }

@Override

    protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

        jumping.onDraw(canvas);

    }

public JumpinggetJumping() {

return this.jumping;

    }

int maxSize =ConvertUtils.dp2px(50);

    int middleSize = ConvertUtils.dp2px(40);

    int minSize = ConvertUtils.dp2px(35);

    int page = ConvertUtils.dp2px(30);

    int item = ConvertUtils.dp2px(1);

    Randomrandom =new Random();

    private int[]img_bg = {

com.touchtogame.funbox.R.drawable.ball_1,

            com.touchtogame.funbox.R.drawable.ball_6,

            com.touchtogame.funbox.R.drawable.ball_7,

            com.touchtogame.funbox.R.drawable.ball_8,

    };

    public void addView() {

for (int i =0; i <3; i++) {

ImageView imageView =new ImageView(getContext());

            imageView.setImageResource(img_bg[i]);

            LinearLayout linearLayout =new LinearLayout(getContext());

            linearLayout.setBackgroundResource(img_bg[i]);

            int size =random.nextInt(middleSize) % (middleSize -minSize +item) +minSize;

            LayoutParams layoutParams =new LayoutParams(size, size);

            layoutParams.gravity = Gravity.CENTER;

            this.addView(linearLayout, layoutParams);

            setBallLayout(linearLayout);

            if (i ==2) {

imageView.setTag(R.id.jump_view_circle_tag, false);

            }else {

imageView.setTag(R.id.jump_view_circle_tag, true);

            }

}


}

public void addViewImage() {

for (int i =0; i

RelativeLayout linearLayout =new RelativeLayout(getContext());

            RoundedImageView rImageView =new RoundedImageView(getContext());

            headList.add(rImageView);

            rImageView.setScaleType(ImageView.ScaleType.CENTER_CROP);

            LayoutParams params1 =new LayoutParams(MATCH_PARENT, MATCH_PARENT);

            params1.gravity = Gravity.CENTER;

            rImageView.setLayoutParams(params1);

            rImageView.setPadding(3, 3, 3, 3);

            rImageView.setOval(true);

            linearLayout.addView(rImageView);

            LayoutParams params =new LayoutParams(MATCH_PARENT, MATCH_PARENT);

            ImageView imageView =new ImageView(getContext());

            imageView.setLayoutParams(params);

            linearLayout.addView(imageView);

            ImageView imageView2 =new ImageView(getContext());

            imageView2.setImageResource(R.drawable.ball_head);

            linearLayout.addView(imageView2);

            int size =random.nextInt(maxSize) % (maxSize -middleSize +item) +middleSize;

            LayoutParams layoutParams2 =new LayoutParams(size, size);

            layoutParams2.gravity = Gravity.CENTER;

            this.addView(linearLayout, layoutParams2);

            setBallLayout(linearLayout);

            if (i ==img_bg.length-2) {

linearLayout.setTag(R.id.jump_view_circle_tag, false);

            }else {

linearLayout.setTag(R.id.jump_view_circle_tag, true);

            }

}

}

/*

    * 设置球所在的位置*/

    public void setBallLayout(View view) {

int x =random.nextInt(getWidth() -maxSize);

        int y =random.nextInt(getHeight() -maxSize);

        MarginLayoutParams margin =new MarginLayoutParams(view.getLayoutParams());

        margin.setMargins(x, y, x + margin.width, y + margin.height);

        LayoutParams layoutParams =new LayoutParams(margin);

        view.setLayoutParams(layoutParams);

    }


}

public void updateImage(List urls) {

ImageView imageView;

        String url;

        for (int i =headList.size()-1; i >0; i--) {

imageView =headList.get(i);

            url = urls.get(i);

            if (EmptyUtils.isNotEmpty(url)) {

ImageLoader.loadImage(imageView, url, ConvertUtils.dp2px(90),ConvertUtils.dp2px

                        (90));

            }

}

```

由于简书视频限制没办法放动态图,在Mobike这个类中设置好,摩擦系数, 密度 ,能量损失率,与屏幕的比率这些参数之后,实现的效果还是比较顺眼的,当然只是给大家一个参考。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,133评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,682评论 3 390
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,784评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,508评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,603评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,607评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,604评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,359评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,805评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,121评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,280评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,959评论 5 339
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,588评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,206评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,442评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,193评论 2 367
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,144评论 2 352

推荐阅读更多精彩内容