Create Linear Layout programmability on button click in android studio-CodePudding

The

What do I want to do?

On clicking of Add New Product button, I want to recreate the same Linear Layout along with the textviews.

In the above image, the product names, price, and specs are taken out from the JSON file which is stored in the user mobile.

What I have Tried

Below is the code that I have tried to do

addProduct.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getActivity(), "Add product button click " , Toast.LENGTH_SHORT).show(); LinearLayout linearLayoutProduct = new LinearLayout(getActivity()); linearLayoutProduct.findViewById(R.id.ll_out);//Stuck here } });

Update 1

I want to make the app like following

In the above picture when I click the plus sign then a new row is created with the cross button and so on. I want exactly the same

How can I do this?

Any help would be highly appreciated.

CodePudding user response：

For this You Need two separate layout, one is parent and another one is child layout. In parent there will be only LinearLayout and Another view will consist a custom layout which you want to add on this.

For Example follow this.

layout1.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > </LinearLayout>

And some other Layout like this:

layout2.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" > <TextView android:id="@ id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="TextView 1" /> <Button android:id="@ id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button 2" /> <Button android:id="@ id/button3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button 3" android:layout_weight="1"/> </LinearLayout>

You can inflate the layout2.xml file, edit the texts, and add it to the first layout:

public class MyActivity extends Activity { private ViewGroup mLinearLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.layout1); mLinearLayout = (ViewGroup) findViewById(R.id.linear_layout); addLayout("This is text 1", "This is first button", "This is second Button"); } private void addLayout(String textViewText, String buttonText1, String buttonText2) { View layout2 = LayoutInflater.from(this).inflate(R.layout.layout2, mLinearLayout, false); TextView textView = (TextView) layout2.findViewById(R.id.button1); Button button1 = (Button) layout2.findViewById(R.id.button2); Button button2 = (Button) layout2.findViewById(R.id.button3); textView1.setText(textViewText); button1.setText(buttonText1); button2.setText(buttonText2); mLinearLayout.addView(layout2); } }

You may want to change android:layout_height of the layout2.xml root view to wrap_content.

If you are using ViewBinding, here is how it would look like for the addLayout function :

MyLayoutBinding binding = MyLayoutBinding.inflate(getLayoutInflater(), mLinearLayout, false); binding.getTextView1().setText(textViewText); binding.getButton1().setText(buttonText1); binding.getButton2().setText(buttonText2); mLinearLayout.addView(binding.getRoot());

In your Case you can call this method from onClick() of Add Button

addLayout("This is text 1", "This is first button", "This is second Button");

CodePudding user response：

You should use RecylcerView for this.

Go in the android studio palate in the containers section and choose recycler view section recyclerview

now go to the layout folder in the res folder and right click, go to the new and choose 'Layout Resource File' Layout Resource File image

and in there put the design you want with linear layout or constraint it doesn't (for your preferences) here is a simple design for example:

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:id="@ id/tv_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="16dp" android:layout_marginTop="16dp" android:text="name" android:textColor="@color/black" android:textSize="20sp" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <TextView android:id="@ id/tv_address" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="16dp" android:layout_marginTop="16dp" android:layout_marginBottom="16dp" android:text="address" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@ id/tv_name" /> </androidx.constraintlayout.widget.ConstraintLayout>

now after this, you have to add an adapter to this recyclerview I suggest you watch some video's about recyclerview it will make your life much easier. here is a nice video that I found https://www.youtube.com/watch?v=FFCpjZkqfb0 and a documentation about it in android developers about it https://developer.android.com/guide/topics/ui/layout/recyclerview?gclid=CjwKCAjw_b6WBhAQEiwAp4HyID37vUoVrC9qOdjgzxIzKXrv4kvtuN7A9XMRozB2wyQDgQ9BLqdpVRoCaBkQAvD_BwE&gclsrc=aw.ds

CodePudding user response：

new LinearLayout(getActivity()); creates empty LinearLayout. If you want to create new layout with all your views use LayoutInflater

LayoutInflater inflater = LayoutInflater.from(getContext()) LinearLayout linearLayoutProduct = inflater.inflate(R.layout.name_of_your_layout, null) linearLayoutProduct.findViewById(R.id.ll_out);