mit button click dynamisch ein relativlayout erstellen

sia · 10. August 2017

Hallo zusammen,

Ich habe in der XML datei meiner APP schin mehrere relativLayouts. dazwischen ist ein Button, und wenn dieser angeklickt wird, dann soll ein zusätzliches Relativlayout mit textViews erstellt werden.
Also die XML datei sieht wie folgt aus (XML Datei ist zu lang daher dieses Beispiel):

<scrollView
<RelativeLayout1
<RelativeLayout2
<RelativeLayout3
<ImageButton/>
</scrollView
</RelativeLayout1
</RelativeLayout2
</RelativeLayout3

nach dem ImgaeButton click soll dann so aussehen:

<scrollView
<RelativeLayout1
<RelativeLayout2
<RelativeLayout3
<RelativeLayout4
<ImageButton/>
<ImageButton2/>
</RelativeLayout4
</RelativeLayout3
</RelativeLayout2
</RelativeLayout1
</scrollView

kann mir einer sagen wie ich das bewältigen kann?

Danke

nono124 · 10. August 2017

Hallo mit XML ist so ein dynamisches layout nicht möglich. Das neue layout4 müsstest du dann im Java Code erstellen.
Wass auch möglich ist eine neue xmlLauout Datei neu zu inflaten.

Berichte erstmal was du da machen willst.

sia · 10. August 2017

Ich will ja mit java code das neue layout erstellen.

Ich weiss aber nicht so ganz wie ich das machen soll, so dass das neue Layout zwischen zwei anderen layouts plaziert werden kann.

nono124 · 12. August 2017

Hallo ich denke in etwa so.

Code

public class MainActivity extends AppCompatActivity {


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.test);


    }


    public void onKlick(View v){


        Button button4 = new Button(this);




        button4.setText("Huhu");


        LinearLayout layout3  =  findViewById(R.id.layout3);


        LinearLayout.LayoutParams paramsButton = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT);


        LinearLayout.LayoutParams paramsLayout = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.FILL_PARENT,
                LinearLayout.LayoutParams.WRAP_CONTENT);


        LinearLayout layout4 = new LinearLayout(this);
        layout4.setOrientation(LinearLayout.HORIZONTAL);




        layout3.addView(layout4, paramsLayout);


        layout4.addView(button4, paramsButton);


    }






}

Alles anzeigen

Code

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"&gt;




    &lt;ScrollView
        android:id="@+id/scroll1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"&gt;


        &lt;LinearLayout
            android:id="@+id/layout1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"&gt;


            &lt;TextView
                android:id="@+id/textView1"
                android:layout_width="400dp"
                android:layout_height="wrap_content"


                android:text="TextView" /&gt;




            &lt;LinearLayout
                android:id="@+id/layout2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"&gt;


                &lt;TextView
                    android:id="@+id/textView2"
                    android:layout_width="413dp"
                    android:layout_height="wrap_content"


                    android:text="TextView" /&gt;




                &lt;LinearLayout
                    android:id="@+id/layout3"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"&gt;


                    &lt;TextView
                        android:id="@+id/textView3"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"


                        android:text="TextView" /&gt;


                    &lt;Button
                        android:id="@+id/Button4"
                        android:layout_width="416dp"
                        android:layout_height="wrap_content"
                        android:onClick="onKlick"
                        android:text="Test4" /&gt;


                &lt;/LinearLayout&gt;




            &lt;/LinearLayout&gt;


        &lt;/LinearLayout&gt;
    &lt;/ScrollView&gt;


&lt;/RelativeLayout&gt;

Alles anzeigen

sia · 15. August 2017

Hi danke erst mal, ich bin jetzt soweit, dass ich layouts ausgeben kann, hab jedoch folgendes Problem.
Ich erstele zwei neuen RelativeLayout objecte. will das eine unterhalb dem anderen plazieren. das klappt aber nicht so ganz. Mein Code ist:

Code

public void onClickAddFlight(View view){
        final float scale = getApplicationContext().getResources().getDisplayMetrics().density;
        RelativeLayout relLayoutFlights = (RelativeLayout)findViewById(R.id.relLayoutMultiCityFlights);


        int layoutNumber =  relLayoutFlights.getChildCount();
        String str = "" + layoutNumber;
        Toast.makeText(getApplicationContext(),str,Toast.LENGTH_LONG).show();








        if(layoutNumber == 3){


            int newRelLayoutHight = (int) (241*scale + 0.5f);
            relLayoutFlights.getLayoutParams().height = newRelLayoutHight;




            int lineHeightPixels = (int) (0.5*scale + 0.5f);
            int widthPixels = (int) (360*scale + 0.5f);
            int flightHeightPixels = (int) (80*scale + 0.5f);
            RelativeLayout relLayoutFlight2 = (RelativeLayout)findViewById(R.id.relLayoutFlight2);
            RelativeLayout.LayoutParams paramsLayoutLine2 = new RelativeLayout.LayoutParams(widthPixels, lineHeightPixels);
            paramsLayoutLine2.addRule(RelativeLayout.BELOW, relLayoutFlight2.getId());
            paramsLayoutLine2.addRule(RelativeLayout.CENTER_HORIZONTAL);
            RelativeLayout relLayoutFlightLine2 =  new RelativeLayout(this);
            relLayoutFlightLine2.setBackgroundColor(getResources().getColor(R.color.colorBackgroundFlightBar));






            RelativeLayout.LayoutParams paramsLayoutFlight3 = new RelativeLayout.LayoutParams(widthPixels, flightHeightPixels);
            paramsLayoutFlight3.addRule(RelativeLayout.BELOW, relLayoutFlightLine2.getId());
            paramsLayoutFlight3.addRule(RelativeLayout.CENTER_HORIZONTAL);
            RelativeLayout relLayoutFlight3 =  new RelativeLayout(this);
            relLayoutFlight3.setBackgroundColor(getResources().getColor(R.color.colorWhite));




            relLayoutFlights.addView(relLayoutFlightLine2, paramsLayoutLine2);
            relLayoutFlights.addView(relLayoutFlight3, paramsLayoutFlight3);


        }




    }

Alles anzeigen

Wo genau ist mein fehler?

toad · 15. August 2017

Hi,
Was verstehst Du unter "das klappt nicht so ganz" ????
Kommt ne Fehlermeldung ? Geht es gar nicht ? Stürzt die App ab ? Wie sieht das Ergebnis aus ?

Gruß Carsten

sia · 15. August 2017

Das erste Layout "relLayoutFlightLine2" wird richtig plaziert genauso wie es sein muss.
Aber das zweite layout "relLayoutFlight3" wird ganz oben in dem relLayoutFlights plaziert. es sieht so aus als ob in dem Moment, in dem ich das tue:
paramsLayoutFlight3.addRule(RelativeLayout.BELOW, relLayoutFlightLine2.getId());
gibt es kein relLayoutFlightLine2. ich hab mir die Id davon ausgegeben, die ist -1.

Also "relLayoutFlight3" wird falsch positioniert.

toad · 15. August 2017

Wie sehen denn die Layout (xml) Files aus ?
Ist da eine Angabe in Bezug auf Position drin ?

Gruß Carsten

sia · 15. August 2017

wie du in dem Code sehe kannst ich hol zwei layouts aus dem XMl datei:

RelativeLayout relLayoutFlights = (RelativeLayout)findViewById(R.id.relLayoutMultiCityFlights);

RelativeLayout relLayoutFlight2 = (RelativeLayout)findViewById(R.id.relLayoutFlight2)

Code

&lt;RelativeLayout
                android:id="@+id/relLayoutMultiCityFlights"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_below="@+id/relLayoutMultiCityLine0"&gt;
                &lt;RelativeLayout
                    android:id="@+id/relLayoutFlight2"
                    android:layout_width="360dp"
                    android:layout_height="80dp"
                    android:layout_centerHorizontal="true"&gt;

Das problem muss hier liegen:
paramsLayoutFlight3.addRule(RelativeLayout.BELOW, relLayoutFlightLine2.getId());

toad · 15. August 2017

Hi,

Poste doch mal bitte die Datei vollständig. Ich sehe nur die ID relLayoutFlight2.....
Um diese Layout zu verstehen bräuchte ich aber die Ganze Datei.

Gruß Carsten

sia · 15. August 2017

wie ich vermutete "relLayoutFlightLine2" hat in dem moment keine ID.

so wird das gelöst:
RelativeLayout relLayoutFlightLine2 = new RelativeLayout(this);
relLayoutFlightLine2.setId(View.generateViewId());damit hat dieses Layout eine Id und man kann das benutzen:paramsLayoutFlight3.addRule(RelativeLayout.BELOW, relLayoutFlightLine2.getId());

toad · 15. August 2017

Ok ... wieder was gelernt. Ich hatte da eine andere Vermutung
Aber wenn es denn jetzt gelöst ist, um so besser. Und danke, das du geschrieben hast, wie Du es gelöst hast.

Gruß Carsten

sia · 15. August 2017

Kein Ding.

jetzt hab ich folgendes Problem:

ich will eine Text size für meine TextView besimmen.

ich mach das wie folgt:

Code

int tvFlight3HeightPixels = (int)(20*scale + 0.5f);
        int tvFlight3TopMargin = (int)(3*scale + 0.5f);
        RelativeLayout.LayoutParams paramsLayoutFlight3Tv = new RelativeLayout.LayoutParams(dateWidthPixels, tvFlight3HeightPixels);
        paramsLayoutFlight3Tv.topMargin = tvFlight3TopMargin;
        TextView tvFlight3 = new TextView(this);
        tvFlight3.setId(View.generateViewId());
        tvFlight3.setGravity(Gravity.CENTER);
        tvFlight3.setTextSize(TypedValue.COMPLEX_UNIT_PX, getResources().getDimension(R.dimen.flights_textSize));
        tvFlight3.setText(getResources().getString(R.string.flight3));
        tvFlight3.setTextColor(getResources().getColor(R.color.colorBackgroundFlightBar));

und dimens datei:

Code: dimens.xml

&lt;resources&gt;




    &lt;dimen name="fab_margin"&gt;16dp&lt;/dimen&gt;
    &lt;dimen name="flights_textSize"&gt;10sp&lt;/dimen&gt;
&lt;/resources&gt;

das Problem ist, dass die size sich nicht ändert.
egal wasich da eingebe

nono124 · 15. August 2017

Hi und was passiert wen du direckt einen wert ein giebst vFlight3.setTextSize( 20f );

toad · 15. August 2017

Blöde Frage, aber wirklich 10sp ??? nicht 10dp ???

^^^

nono124 · 15. August 2017

10sp hat sie ja.
Und die Methode vFlight3.setTextSize( 20f ); verlangt einen float wert deshalb das f . Ich wollte wissen ob die Ressourcenauflösung richtig funktioniert. Wenn sich die Schriftgröße bei direkter Eingabe ändert stimmt zu mindestens der Rest denn wir nicht sehen können.

nono124 · 15. August 2017

denke
COMPLEX_UNIT_SP und nicht
COMPLEX_UNIT_PX

Ist besser.

Ps.
Wenn ich jetzt so darüber nachdenke bin ich mir nicht sicher ob das mit dem 10sp in der dimens Datei richtig ist teste auch mal nur 10 ohne das sp .

sia · 16. August 2017

Hi ja danke

nono124 · 16. August 2017

schön wo war den der Fehler?

mit button click dynamisch ein relativlayout erstellen

Jetzt mitmachen!

Teilen