Resize All Child Views When Resizing GridLayout

Question

Resize All Child Views When Resizing GridLayout

Nathan Sokalski 4,111

I have a simple GridLayout with several child View(s). I need the widths & heights of the child View(s), as well as any of their attributes (such as font size, margin, padding, etc.), to be relative to the width/height of the GridLayout. Right now, all child View(s), as well as the GridLayout itself, have fixed widths & heights to maintain these ratio. However, the GridLayout will be dynamically resized depending on the layout of the page, and I want the GridLayout AND it's children to be resized. This obviously does not happen when the GridLayout has a fixed size. How can I dynamically resize the GridLayout AND it's children?

Alessandro Caliaro 4,201 Reputation points

2023-02-28T05:16:27.0233333+00:00

can you post your code and an image ?

Nathan Sokalski 4,111

Here is the XML for the View (in this case a GridLayout) I wish to resize, along with a screenshot from the Visual Studio 2022 Designer:

<GridLayout android:layout_width="91dp" android:layout_height="59dp" android:layout_column="0" android:layout_row="0" android:columnCount="2" android:rowCount="2" android:background="@drawable/percentagesbackground" android:backgroundTint="@color/Black">
	<TextView android:layout_width="40dp" android:layout_height="19dp" android:layout_column="0" android:layout_row="0"
		style="@style/PercentagesTextViewStyle" android:backgroundTint="@color/IllusionRed"
		android:layout_marginLeft="0dp" android:layout_marginTop="0dp" android:layout_marginRight="2dp" android:layout_marginBottom="2dp"
		android:layout_gravity="bottom|right" android:layout_columnWeight="1" android:layout_rowWeight="1" tools:text="15%"/>
	<TextView android:layout_width="40dp" android:layout_height="19dp" android:layout_column="1" android:layout_row="0"
		style="@style/PercentagesTextViewStyle" android:backgroundTint="@color/IllusionYellow"
		android:layout_marginLeft="2dp" android:layout_marginTop="0dp" android:layout_marginRight="0dp" android:layout_marginBottom="2dp"
		android:layout_gravity="bottom|left" android:layout_columnWeight="1" android:layout_rowWeight="1" tools:text="17%"/>
	<TextView android:layout_width="40dp" android:layout_height="19dp" android:layout_column="0" android:layout_row="1"
		style="@style/PercentagesTextViewStyle" android:backgroundTint="@color/IllusionGreen"
		android:layout_marginLeft="0dp" android:layout_marginTop="2dp" android:layout_marginRight="2dp" android:layout_marginBottom="0dp"
		android:layout_gravity="top|right" android:layout_columnWeight="1" android:layout_rowWeight="1" tools:text="24%"/>
	<TextView android:layout_width="40dp" android:layout_height="19dp" android:layout_column="1" android:layout_row="1"
		style="@style/PercentagesTextViewStyle" android:backgroundTint="@color/IllusionBlue"
		android:layout_marginLeft="2dp" android:layout_marginTop="2dp" android:layout_marginRight="0dp" android:layout_marginBottom="0dp"
		android:layout_gravity="top|left" android:layout_columnWeight="1" android:layout_rowWeight="1" tools:text="30%"/>
</GridLayout>

Screenshot 2023-02-28 130649

Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,126 Reputation points Microsoft External Staff

2023-03-07T05:42:18.1866667+00:00

Do you mean to know how to change the size of the GridLayout and the layout scale of the internal controls while the program is running?

If not, could you please provide more information about your expected behavior with the program?

Your prompt reply will be highly appreciated.

Your answer

Alessandro Caliaro 4,201 Reputation points

2023-02-28T05:16:27.0233333+00:00

can you post your code and an image ?
Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,126 Reputation points Microsoft External Staff

2023-03-07T05:42:18.1866667+00:00

Do you mean to know how to change the size of the GridLayout and the layout scale of the internal controls while the program is running?

If not, could you please provide more information about your expected behavior with the program?

Your prompt reply will be highly appreciated.

Share via

Resize All Child Views When Resizing GridLayout

Your answer