Как программно центрировать TextView в соответствии с центром ImageView? - PullRequest
0 голосов
/ 25 апреля 2019

Я делаю ImageView и TextView программно в функции анимации, размер ImageView изменяется в зависимости от значения.

Мне просто нужно, чтобы центр TextView был выровнен с представлениями изображения, я использую параметр RelativeLayoutleftMargin, чтобы определить его местоположение на оси X.

Кажется, ничего из того, что я пытаюсь сделать, не работает, я пытаюсь использовать вычисленный размер imageView и TextView, но я не совсем понимаю этот вид математики.

Как мне просто выровнять центры этих двух видов?В Swift это было бы так же просто, как 'imageView.centerXAxis'. Есть ли какой-нибудь эквивалент того, что я мог бы использовать вместо 'leftMargin'?

Вот эта функция, так как мне нужно гораздо больше, чем нужноя пытаюсь выяснить, как выровнять виды по центру.

   void heartFlurry(String username, Integer value) {

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

    final TextView usernameLabel = new TextView(this);
    usernameLabel.setText(username);
    usernameLabel.setTextColor(Color.WHITE);

    Display display = getWindowManager().getDefaultDisplay();
    Point size = new Point();
    display.getSize(size);
    int width = size.x;
    int height = size.y;
    Double widthMax = size.x * 0.8;
    Double widthMin = size.x * 0.2;
    int max = (int) Math.round(widthMax);
    int min = (int) Math.round(widthMin);
    Log.e("Width", "" + width);
    Log.e("height", "" + height);

    int heartWidthOriginal = heart.getIntrinsicWidth();
    int heartHeightOriginal = heart.getIntrinsicHeight();
    int newValue = value * 25;
    int heartWidth = (heart.getIntrinsicWidth() / 2 + newValue);
    int heartHeight = (heart.getIntrinsicHeight() / 2 + newValue);

    Log.e("HeartWidth", "" + heartWidth);
    Log.e("HeartHeight", "" + heartHeight);
    Log.e("HeartWidthOriginal", "" + heartWidthOriginal);
    Log.e("HeartHeightOriginal", "" + heartHeightOriginal);

    final int randomX = new Random().nextInt((max - min) + 1) + min;
    Log.e("randomX", "" + randomX);

    relativeLayout.addView(imageView);
    imageView.setId(View.generateViewId());
    relativeLayout.addView(usernameLabel);
    usernameLabel.setId(View.generateViewId());

    usernameLabel.setTextAlignment(View.TEXT_ALIGNMENT_CENTER);
    usernameLabel.setGravity(Gravity.CENTER);
    usernameLabel.setTextSize(22);

    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);

    RelativeLayout.LayoutParams textParams = new RelativeLayout.LayoutParams(
            RelativeLayout.LayoutParams.WRAP_CONTENT,
            RelativeLayout.LayoutParams.WRAP_CONTENT
    );

    imageView.setLayoutParams(heartParams);
    imageView.getLayoutParams().height = heartHeight;
    imageView.getLayoutParams().width = heartWidth;

    imageView.requestLayout();  // Think the important stuff starts here:

    usernameLabel.measure(0, 0);       //must call measure!
    usernameLabel.getMeasuredWidth();
    Integer textWidth = usernameLabel.getMeasuredWidth();
    Integer halfHeartWidth = heartWidth/2;
    System.out.println("TEXTWIDTH" + textWidth);
    textParams.leftMargin = randomX + (textWidth*halfHeartWidth / randomX);
    textParams.addRule(RelativeLayout.BELOW, imageView.getId());
    textParams.addRule(RelativeLayout.CENTER_VERTICAL, imageView.getId());
    textParams.topMargin = 25;

    usernameLabel.setLayoutParams(textParams);

    ObjectAnimator animationHeartY = ObjectAnimator.ofFloat(imageView, "translationY", -size.y);
    animationHeartY.setDuration(2000);

    ObjectAnimator animationTextViewY = ObjectAnimator.ofFloat(usernameLabel, "translationY", -size.y);
    animationTextViewY.setDuration(2000);

    animationHeartY.start();
    animationTextViewY.start();
    animationTextViewY.addListener(new Animator.AnimatorListener() {
        @Override
        public void onAnimationStart(Animator animation) {

        }

        @Override
        public void onAnimationEnd(Animator animation) {
           usernameLabel.setVisibility(View.INVISIBLE);
        }

        @Override
        public void onAnimationCancel(Animator animation) {

        }

        @Override
        public void onAnimationRepeat(Animator animation) {

        }
    });

}

1 Ответ

1 голос
/ 25 апреля 2019

Если вы хотите, чтобы ваши виды были выровнены по оси X, они должны иметь одинаковые значения по оси Y, и способ сделать это - использовать метод addRule() из RelativeLayout.LayoutParams следующим образом:

textParams.addRule(RelativeLayout.ALIGN_TOP, imageView.getId());
textParams.addRule(RelativeLayout.ALIGN_BOTTOM, imageView.getId());

Здесь вы указываете RelativeLayout выровнять представление, к которому вы применяете эти параметры, с imageView относительно его вершины и низа.Теперь представление будет иметь размер imageView по вертикали, но если вы отцентрируете текст с помощью setGravity(Gravity.CENTER) (что я и видел), то оно будет идеально выровнено по оси X с imageView.

...