Как программно разместить представления в RelativeLayout?

Я пытаюсь достичь следующего программно (а не декларативно через XML):

<RelativeLayout...>
   <TextView ...
      android:id="@+id/label1" />
   <TextView ...
      android:id="@+id/label2"
      android:layout_below: "@id/label1" />
</RelativeLayout>

Другими словами, как мне сделать так, чтобы второй TextView появился под первым, но я хочу сделать это в коде:

RelativeLayout layout = new RelativeLayout(this);
TextView label1 = new TextView(this);
TextView label2 = new TextView(this);
...
layout.addView(label1);
layout.addView(label2);
setContentView(layout);

Обновлять:

Спасибо, TreeUK. Я понимаю общее направление, но все равно не работает - «Б» перекрывает «А». Что я делаю неправильно?

RelativeLayout layout = new RelativeLayout(this);
TextView tv1 = new TextView(this);
tv1.setText("A");

TextView tv2 = new TextView(this);
tv2.setText("B");
RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(
        RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.FILL_PARENT);
lp.addRule(RelativeLayout.RIGHT_OF, tv1.getId());

layout.addView(tv1);        
layout.addView(tv2, lp);

person Dan    schedule 21.02.2010    source источник
comment
В вашем примере кода вы фактически не добавляете правило RelativeLayout.BELOW, tv1.getId ();   -  person Tristan Warner-Smith    schedule 06.02.2011
comment
вам необходимо предоставить идентификаторы дочерним представлениям: tv1.setId (1); tv2.setId (2); Родительские представления не назначают автоматически дочерним представлениям идентификатор, а значение по умолчанию для идентификатора - NO_ID. Идентификаторы не обязательно должны быть уникальными в иерархии представлений - так что 1, 2, 3 и т. Д. - все подходящие значения для использования - и вы должны использовать их для относительной привязки для работы в RelativeLayout.   -  person sechastain    schedule 06.02.2011


Ответы (8)


Из того, что мне удалось собрать, вам нужно добавить представление с помощью LayoutParams.

LinearLayout linearLayout = new LinearLayout(this);

RelativeLayout.LayoutParams relativeParams = new RelativeLayout.LayoutParams(
        LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
relativeParams.addRule(RelativeLayout.ALIGN_PARENT_TOP);

parentView.addView(linearLayout, relativeParams);

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

TextView tv1 = new TextView(this);
tv1.setId(1);
TextView tv2 = new TextView(this);
tv2.setId(2);

Тогда addRule(RelativeLayout.RIGHT_OF, tv1.getId());

person Tristan Warner-Smith    schedule 21.02.2010
comment
в моем случае, помимо установки идентификаторов дочернего представления, добавление дочернего представления к родительскому представлению и вызов requestLayout () в дочернем представлении перед установкой правил другого дочернего представления заставили все работать. Надеюсь, это кому-то поможет - person 2cupsOfTech; 26.08.2015
comment
В случае, если кто-то все еще следует этому: когда у меня есть коллекция представлений, я добавляю одно за другим, и я не могу быть уверен, что одно из представлений, для которого установлено значение below, уже было добавлено, как убедиться, что оно все еще правильно отображает? Насколько я понимаю, addView вызывает повторную визуализацию макета, поэтому, если я сделаю это для элемента, родственник которого еще не добавлен, произойдет сбой, поскольку элемент с таким идентификатором еще не существует. - person Megakoresh; 19.07.2016
comment
set (id) следует использовать с generateViewId (). Добавлен на уровне API 17. Он генерирует значение, подходящее для использования в setId (int). Это значение не будет конфликтовать со значениями ID, сгенерированными во время сборки aapt для R.id. Пример: tv [l_idx] .setId (View.generateViewId ()); - person AndrewBloom; 03.05.2017
comment
Этот ответ написан очень плохо. В чем причина использования параметров RelationalLayout для линейного макета? И почему вы добавляете линейный макет к родительскому виду? - person pcodex; 28.09.2019
comment
Привет @Prab, этому ответу сейчас 9 лет. Если у вас есть положительный отзыв о том, как можно улучшить ответ для сегодняшних нужд, пожалуйста, нажмите кнопку редактирования и предложите его ???? - person Tristan Warner-Smith; 29.09.2019

Короче говоря: с помощью относительного макета вы размещаете элементы внутри макета.

  1. создать новый RelativeLayout.LayoutParams

    RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(...)
    

    (что угодно ... заполнить родительский или обернуть содержимое, абсолютные числа, если необходимо, или ссылку на ресурс XML)

  2. Добавить правила: правила относятся к родителю или другим «братьям» в иерархии.

    lp.addRule(RelativeLayout.BELOW, someOtherView.getId())
    lp.addRule(RelativeLayout.ALIGN_PARENT_LEFT)
    
  3. Просто примените параметры макета: самый "здоровый" способ сделать это:

    parentLayout.addView(myView, lp)
    

Осторожно: не меняйте макет с помощью обратных вызовов макета. Это заманчиво, потому что именно тогда представления получают свои фактические размеры. Однако в этом случае ожидаются неожиданные результаты.

person Meymann    schedule 04.01.2011
comment
Я понятия не имел, что вы можете установить параметры для View и добавить View к его родительскому View all в одной строке кода (parentLayout.addView(myView, lp). Я всегда делал это двумя строчками кода. Спасибо! - person Matt; 06.12.2013
comment
Это сработало для меня и очень помогло, но есть ли способ выровнять ребенка ниже чего-то, а затем установить маржу выше для этого ребенка? Или я могу установить маржу ниже для того, что находится ниже, и правильно ли она отрегулируется? - person Jacob Varner; 12.08.2014
comment
Конечно, есть. Вы можете установить поля (к сожалению, программный API не так удобен, как XML) с помощью setMargins (left, top, right, bottom). Это в LayoutParams. Обратите внимание, что отступы - это свойство представления, а не параметры макета. - person Meymann; 13.08.2014

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

person fastfox    schedule 29.09.2011
comment
Я вижу то же самое. Я использую API 7 и, просматривая javadoc, вижу, что setID (int) действительно указывает, что идентификатор должен быть положительным целым числом. Это то, что должно быть реализовано в коде, а не просто прокомментировано в документации. developer.android.com/reference/android/view/ < / а> - person OYRM; 03.04.2013
comment
@OYRM Android - беспорядок - person SpaceMonkey; 16.08.2015
comment
Вы, вполне возможно, только что сэкономили мне ТОННУ времени. Спасибо! - person rjr-apps; 26.06.2016

Минимальный запускаемый пример Android 22

введите описание изображения здесь

Источник:

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class Main extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        final RelativeLayout relativeLayout = new RelativeLayout(this);

        final TextView tv1;
        tv1 = new TextView(this);
        tv1.setText("tv1");
        // Setting an ID is mandatory.
        tv1.setId(View.generateViewId());
        relativeLayout.addView(tv1);

        // tv2.
        final TextView tv2;
        tv2 = new TextView(this);
        tv2.setText("tv2");
        RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(
                ViewGroup.LayoutParams.WRAP_CONTENT,
                ViewGroup.LayoutParams.FILL_PARENT);
        lp.addRule(RelativeLayout.BELOW, tv1.getId());
        relativeLayout.addView(tv2, lp);

        // tv3.
        final TextView tv3;
        tv3 = new TextView(this);
        tv3.setText("tv3");
        RelativeLayout.LayoutParams lp2 = new RelativeLayout.LayoutParams(
            ViewGroup.LayoutParams.WRAP_CONTENT,
            ViewGroup.LayoutParams.WRAP_CONTENT
        );
        lp2.addRule(RelativeLayout.BELOW, tv2.getId());
        relativeLayout.addView(tv3, lp2);

        this.setContentView(relativeLayout);
    }
}

Работает с проектом по умолчанию, созданным android create project .... GitHub репозиторий с минимальным кодом сборки.

person Ciro Santilli 新疆再教育营六四事件ۍ    schedule 02.02.2016
comment
Не могли бы вы расширить этот пример до 3 TextView? Я попробовал, но третьего TextView не хватает. - person Zizheng Wu; 19.01.2017

вызов

tv1.setId(1) 

после

tv1.setText("A");
person user299870    schedule 23.03.2010
comment
Если я могу спросить, в чем причина? У меня проблема, но я использую ImageView, а также TextView, поэтому мне интересно, когда вызывать .setId () в ImageView. - person Joshua G; 18.10.2013
comment
К вашему сведению - я вызвал .setId () прямо перед тем, как добавить представление, и он сработал, не знаю почему .. lol - person Joshua G; 18.10.2013

Пытаться:

EditText edt = (EditText) findViewById(R.id.YourEditText);
RelativeLayout.LayoutParams lp =
    new RelativeLayout.LayoutParams
    (
        LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT
    );
lp.setMargins(25, 0, 0, 0); // move 25 px to right (increase left margin)
edt.setLayoutParams(lp); // lp.setMargins(left, top, right, bottom);
person Phantômaxx    schedule 13.12.2013
comment
Прекрасный самый полезный пример. Спасибо. - person Vyacheslav; 01.10.2014

Этот подход с ViewGroup.MarginLayoutParams сработал для меня:

RelativeLayout myLayout = (RelativeLayout) findViewById(R.id.my_layout);

TextView someTextView = ...

int leftMargin = Util.getXPos();
int topMargin = Util.getYPos();

RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(
    new ViewGroup.MarginLayoutParams(
        RelativeLayout.LayoutParams.WRAP_CONTENT,
        RelativeLayout.LayoutParams.WRAP_CONTENT));

lp.setMargins(leftMargin, topMargin, 0, 0);

myLayout.addView(someTextView, lp);
person Gene Bo    schedule 11.11.2013

Если вы действительно хотите разметить макет вручную, я бы посоветовал вообще не использовать стандартный макет. Сделайте все самостоятельно, вот пример котлина:

class ProgrammaticalLayout @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0) : ViewGroup(context, attrs, defStyleAttr) { 
    private val firstTextView = TextView(context).apply {
        test = "First Text"
    }

    private val secondTextView = TextView(context).apply {
        text = "Second Text"
    }

    init {
        addView(firstTextView)
        addView(secondTextView)
    }

    override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {
        // center the views verticaly and horizontaly
        val firstTextLeft = (measuredWidth - firstTextView.measuredWidth) / 2
        val firstTextTop = (measuredHeight - (firstTextView.measuredHeight + secondTextView.measuredHeight)) / 2
        firstTextView.layout(firstTextLeft,firstTextTop, firstTextLeft + firstTextView.measuredWidth,firstTextTop + firstTextView.measuredHeight)

        val secondTextLeft = (measuredWidth - secondTextView.measuredWidth) / 2
        val secondTextTop = firstTextView.bottom
        secondTextView.layout(secondTextLeft,secondTextTop, secondTextLeft + secondTextView.measuredWidth,secondTextTop + secondTextView.measuredHeight)
    }

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) { 
        // just assume we`re getting measured exactly by the parent
        val measuredWidth = MeasureSpec.getSize(widthMeasureSpec)
        val measuredHeight = MeasureSpec.getSize(heightMeasureSpec)

        firstTextView.measures(MeasureSpec.makeMeasureSpec(meeasuredWidth, MeasureSpec.AT_MOST), MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED))
        secondTextView.measures(MeasureSpec.makeMeasureSpec(meeasuredWidth, MeasureSpec.AT_MOST), MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED))

        setMeasuredDimension(measuredWidth, measuredHeight)
    }
}

Это может дать вам представление о том, как это может работать

person martyglaubitz    schedule 04.01.2017