Что я делаю не так при создании анимации плавающего пузыря на андроиде? - PullRequest
Новая
       19

Что я делаю не так при создании анимации плавающего пузыря на андроиде?

0 голосов
/ 23 апреля 2019

Я пытаюсь перевести этот код Swift: 

@objc func heartFlurry()
{
    let heartImage = UIImage(named: "heartWhite")
    let heartImageView = UIImageView(image: heartImage)
    let screenSize = UIScreen.main.bounds
    let heartWidth = Int(heartImage!.size.width)
    let heartHeight = Int(heartImage!.size.height)
    let randomX = arc4random_uniform(UInt32(screenSize.width))
    heartImageView.frame = CGRect(x: Int(randomX) - Int(Double(heartWidth) * 0.5), y: Int(screenSize.height) + heartHeight, width: heartWidth, height: heartHeight)
    view.addSubview(heartImageView)
    let randomIntFrom0To4 = Int.random(in: 1..<6)
    print(randomIntFrom0To4)
    self.updateLove()
    self.playSound(sound: "pop_\(randomIntFrom0To4)")
    UIView.animate(withDuration: 1.5, animations: {
        heartImageView.center = CGPoint(x: heartImageView.center.x, y: CGFloat(-heartHeight))
    }) { (finished: Bool) in
        heartImageView.removeFromSuperview()
    }
}

В Java, код (при многократном нажатии) создает эффект, который выглядит следующим образом: Result when tapped multiple times.

Пока что я включил это в свой код Java: 

 void heartFlurry() {

    Drawable heart = getResources().getDrawable( R.drawable.heart );
    View v = new ImageView(getBaseContext());
    ImageView imageView;
    imageView = new ImageView(v.getContext());
    imageView.setImageDrawable(heart);

    Integer heartWidth = heart.getIntrinsicWidth();
    Integer heartHeight = heart.getIntrinsicHeight();

    Display display = getWindowManager().getDefaultDisplay();
    Point size = new Point();
    display.getSize(size);
    int width = size.x;
    int height = size.y;
    Log.e("Width", "" + width);
    Log.e("height", "" + height);

    final int randomX = new Random().nextInt(size.x);
    Log.e("randomX", "" + randomX);

    // RelativeLayout. though you can use xml RelativeLayout here too by `findViewById()`
    final RelativeLayout relativeLayout = new RelativeLayout(this);

    // Setting layout params to our RelativeLayout
    RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams(size.x, size.y);

    // Setting position of our ImageView
    layoutParams.leftMargin = randomX;
    layoutParams.topMargin = 500;

    // Finally Adding the imageView to RelativeLayout and its position
    relativeLayout.addView(imageView, layoutParams);

    ObjectAnimator animationY = ObjectAnimator.ofFloat(imageView, "translationY", -size.y);
    animationY.setDuration(500);
    animationY.start();

    new CountDownTimer(500, 1000) {
        public void onTick(long millisUntilFinished) {
        }

        public void onFinish() {
           relativeLayout.removeAllViews();

        }
    }.start();

}

Я чувствую, что у меня есть все элементы: создание просмотра изображения, добавление относительного макета и установка его в нижней части экрана, использование случайного значения Int для случайной позиции X в пределах ширины экрана, но ничего не происходит, когда я запустить его. Чего мне не хватает?

Спасибо.

1 Ответ

0 голосов
/ 24 апреля 2019

Проблема была в созданной мной Относительной компоновке, она не была правильно добавлена ​​в представление.

Я добавил RelativeLayout в XML к XML-содержимому действий, а не создавал его программно, а затем сослался на него: 

RelativeLayout relativeLayout;
relativeLayout = findViewById(R.id.heartLayout);

Затем я обновил функцию heartFlurry, чтобы добавить правило в параметры heartImageView, запустить его в нижней части экрана и использовать randomX для leftMargin. 

void heartFlurry() {

    Drawable heart = getResources().getDrawable( R.drawable.heart );
    View v = new ImageView(getBaseContext());
    ImageView imageView;
    imageView = new ImageView(v.getContext());
    imageView.setImageDrawable(heart);

    Display display = getWindowManager().getDefaultDisplay();
    Point size = new Point();
    display.getSize(size);
    int width = size.x;
    int height = size.y;
    Log.e("Width", "" + width);
    Log.e("height", "" + height);

    final int randomX = new Random().nextInt(size.x);
    Log.e("randomX", "" + randomX);

    RelativeLayout.LayoutParams paramsImage = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
    paramsImage.addRule(RelativeLayout.CENTER_IN_PARENT);
    imageView.setLayoutParams(paramsImage);
    relativeLayout.addView(imageView);

    RelativeLayout.LayoutParams heartParams = new RelativeLayout.LayoutParams(
            RelativeLayout.LayoutParams.WRAP_CONTENT,
            RelativeLayout.LayoutParams.WRAP_CONTENT
    );
    heartParams.leftMargin = randomX;
    heartParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM, RelativeLayout.TRUE);
    imageView.setLayoutParams(heartParams);

    ObjectAnimator animationY = ObjectAnimator.ofFloat(imageView, "translationY", -size.y);
    animationY.setDuration(500);
    animationY.start();

    new CountDownTimer(1000, 1000) {
        public void onTick(long millisUntilFinished) {
        }

        public void onFinish() {
           relativeLayout.removeAllViews();
            Log.e("randomX", "Timer Done");

        }
    }.start();

}
...