Xamarin android layout not fit in all the screen

Hi, I am Using Xamarin android I tried to create the Design by using Layout. it has worked in Large Size Displays for ex above the 5.5-inch size of Mobile my Design comes as an actual one. but less than 5.5 inches it got collapsed I have attached the Code that I have tried. Can you please suggest how can I resolve this...

android:id="@+id/scroll"
android:layout_width="match_parent"
android:layout_height="wrap_content">

android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="vertical"
android:paddingTop="200px">

android:layout_width="match_parent"
android:layout_height="500px"
android:orientation="horizontal"
android:layout_marginTop="10px">
android:layout_width="360px"
android:layout_height="500px"
android:id="@+id/frameLayout1"
android:background="?attr/colorPrimary">
android:id="@+id/EURUSD"
android:layout_width="match_parent"
android:layout_height="300px"
android:src="@drawable/eurusd"
android:layout_gravity="center_vertical"
android:foregroundGravity="center_vertical"
/>

android:layout_width="700px"
android:layout_height="500px"
android:id="@+id/frameLayout2"
android:layout_marginLeft="10px"
android:background="?attr/colorPrimary">

android:text="Signal:"
android:textStyle="bold"
android:textColor="@android:color/white"
android:padding="70px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
android:text="Waiting"
android:textStyle="bold"
android:padding="40px"
android:textSize="80px"
android:textColor="@android:color/white"
android:layout_marginLeft="260px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/EURUSDSIGNAL"/>

android:text="TP@:"
android:textStyle="bold"
android:textColor="@android:color/white"
android:padding="70px"
android:textSize="80px"
android:layout_marginTop="100px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
android:text=""
android:textStyle="bold"
android:padding="40px"
android:textSize="80px"
android:textColor="@android:color/white"
android:layout_marginLeft="260px"
android:layout_marginTop="130px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/EURUSDTP"/>
android:text="SL@:"
android:textStyle="bold"
android:textColor="@android:color/white"
android:padding="70px"
android:textSize="80px"
android:layout_marginTop="220px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

android:text=""
android:textStyle="bold"
android:textColor="@android:color/white"
android:padding="40px"
android:textSize="80px"
android:layout_marginLeft="260px"
android:layout_marginTop="240px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/EURUSDSL"/>
android:text="@string/my_textchart"
android:textStyle="bold"
android:textColor="@android:color/holo_orange_dark"
android:padding="40px"
android:textSize="30px"
android:layout_marginTop="365px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/EURUSDTechnicalChart"/>

android:layout_width="match_parent"
android:layout_height="500px"
android:orientation="horizontal"
android:layout_marginTop="10px">
android:layout_width="360px"
android:layout_height="500px"
android:id="@+id/frameLayout3"
android:background="?attr/colorPrimary">

android:id="@+id/GBPUSD"
android:layout_width="match_parent"
android:layout_height="300px"
android:src="@drawable/gbpusd"
android:layout_gravity="center_vertical"
android:foregroundGravity="center_vertical"
/>

android:layout_width="700px"
android:layout_height="500px"
android:id="@+id/frameLayout4"
android:layout_marginLeft="10px"
android:background="?attr/colorPrimary">
android:text="Signal:"
android:textStyle="bold"
android:textColor="@android:color/white"
android:padding="70px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
android:text="Waiting"
android:textStyle="bold"
android:padding="40px"
android:textSize="80px"
android:layout_marginLeft="260px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@android:color/white"
android:id="@+id/GBPUSDSIGNAL"/>

android:text="TP@:"
android:textStyle="bold"
android:textColor="@android:color/white"
android:padding="70px"
android:textSize="80px"
android:layout_marginTop="100px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
android:text=""
android:textStyle="bold"
android:padding="40px"
android:textColor="@android:color/white"
android:textSize="80px"
android:layout_marginLeft="260px"
android:layout_marginTop="130px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/GBPUSDTP"/>
android:text="SL@:"
android:textStyle="bold"
android:textColor="@android:color/white"
android:padding="70px"
android:textSize="80px"
android:layout_marginTop="220px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

android:text=""
android:textStyle="bold"
android:padding="40px"
android:textColor="@android:color/white"
android:textSize="80px"
android:layout_marginLeft="260px"
android:layout_marginTop="240px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/GBPUSDSL"/>
android:text="@string/my_textchart"
android:textStyle="bold"
android:textColor="@android:color/holo_orange_dark"
android:padding="40px"
android:textSize="30px"
android:layout_marginTop="365px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/GBPUSDTechnicalChart"/>

android:id="@+id/AUDUSD"
android:layout_width="match_parent"
android:layout_height="300px"
android:src="@drawable/audusd"
android:layout_gravity="center_vertical"
android:foregroundGravity="center_vertical"
/>

android:layout_width="700px"
android:layout_height="500px"
android:id="@+id/frameLayout6"
android:layout_marginLeft="10px"
android:background="?attr/colorPrimary">
android:text="Signal:"
android:textColor="@android:color/white"
android:textStyle="bold"
android:padding="70px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
android:text="Waiting"
android:textStyle="bold"
android:padding="40px"
android:textColor="@android:color/white"
android:textSize="80px"
android:layout_marginLeft="260px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/AUDUSDSIGNAL"/>

android:text="TP@:"
android:textStyle="bold"
android:textColor="@android:color/white"
android:padding="70px"
android:textSize="80px"
android:layout_marginTop="100px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
android:text=""
android:textStyle="bold"
android:padding="40px"
android:textColor="@android:color/white"
android:textSize="80px"
android:layout_marginLeft="260px"
android:layout_marginTop="130px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/AUDUSDTP"/>
android:text="SL@:"
android:textStyle="bold"
android:textColor="@android:color/white"
android:padding="70px"
android:textSize="80px"
android:layout_marginTop="220px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

android:text="@string/my_textchart"
android:textStyle="bold"
android:textColor="@android:color/holo_orange_dark"
android:padding="40px"
android:textSize="30px"
android:layout_marginTop="365px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/AUDUSDTechnicalChart"/>

android:layout_width="match_parent"
android:layout_height="500px"
android:orientation="horizontal"
android:layout_marginTop="10px">
android:layout_width="360px"
android:layout_height="500px"
android:id="@+id/frameLayout7"
android:background="?attr/colorPrimary">

android:id="@+id/EURJPY"
android:layout_width="match_parent"
android:layout_height="300px"
android:src="@drawable/eurjpy"
android:layout_gravity="center_vertical"
android:foregroundGravity="center_vertical"
/>

android:layout_width="700px"
android:layout_height="500px"
android:id="@+id/frameLayout8"
android:layout_marginLeft="10px"
android:background="?attr/colorPrimary">
android:text="Signal:"
android:textStyle="bold"
android:padding="70px"
android:textColor="@android:color/white"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
android:text="Waiting"
android:textStyle="bold"
android:padding="40px"
android:textSize="80px"
android:textColor="@android:color/white"
android:layout_marginLeft="260px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/EURJPYSIGNAL"/>

android:text="TP@:"
android:textStyle="bold"
android:padding="70px"
android:textSize="80px"
android:textColor="@android:color/white"
android:layout_marginTop="100px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
android:text=""
android:textStyle="bold"
android:padding="40px"
android:textSize="80px"
android:textColor="@android:color/white"
android:layout_marginLeft="260px"
android:layout_marginTop="130px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/EURJPYTP"/>

android:text="SL@:"
android:textStyle="bold"
android:padding="70px"
android:textColor="@android:color/white"
android:textSize="80px"
android:layout_marginTop="220px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

android:layout_width="match_parent"
android:layout_height="500px"
android:orientation="horizontal"
android:layout_marginTop="10px">
android:layout_width="360px"
android:layout_height="500px"
android:id="@+id/frameLayout9"
android:background="?attr/colorPrimary">

android:id="@+id/GOLD"
android:layout_width="match_parent"
android:layout_height="300px"
android:src="@drawable/xauusd"
android:layout_gravity="center_vertical"
android:foregroundGravity="center_vertical"
/>

android:layout_width="700px"
android:layout_height="500px"
android:id="@+id/frameLayout10"
android:layout_marginLeft="10px"
android:background="?attr/colorPrimary">
android:text="Signal:"
android:textColor="@android:color/white"
android:textStyle="bold"
android:padding="70px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
android:text="Waiting"
android:textStyle="bold"
android:padding="40px"
android:textColor="@android:color/white"
android:textSize="80px"
android:layout_marginLeft="260px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/GOLDSIGNAL"/>

android:text="TP@:"
android:textStyle="bold"
android:padding="70px"
android:textColor="@android:color/white"
android:textSize="80px"
android:layout_marginTop="100px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
android:text=""
android:textStyle="bold"
android:padding="40px"
android:textColor="@android:color/white"
android:textSize="80px"
android:layout_marginLeft="260px"
android:layout_marginTop="130px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/GOLDTP"/>
android:text="SL@:"
android:textStyle="bold"
android:padding="70px"
android:textSize="80px"
android:textColor="@android:color/white"
android:layout_marginTop="220px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

android:text=""
android:textStyle="bold"
android:padding="40px"
android:textSize="80px"
android:textColor="@android:color/white"
android:layout_marginLeft="260px"
android:layout_marginTop="240px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/GOLDSL"/>
android:text="@string/my_textchart"
android:textStyle="bold"
android:textColor="@android:color/holo_orange_dark"
android:padding="40px"
android:textSize="30px"
android:layout_marginTop="365px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/GOLDTechnicalChart"/>

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manikandan M3y ago
Hi Muthu vj

Actually, you are writen the code in Linearlout with static Height and Width so, its not work out to achieve all the resolution.

You can use GirdLayout in RecyclerView.

XML code
                          android:id="@+id/module_list"
               android:layout_marginHorizontal="10dp"
               android:layout_marginTop="@dimen/_10sdp"
               android:layout_width="match_parent"
               android:layout_height="match_parent"
               android:visibility="visible"/>

Binding List

RecyclerView recyclerView = FindViewById(Resource.Id.module_list);
GridLayoutManager mLayoutManager = new GridLayoutManager(this, 2);
recyclerView.SetLayoutManager(mLayoutManager);
MainTabAdapter mAdapter = new MainTabAdapter(lst_CustomerDetails, this);
recyclerView.SetAdapter(mAdapter);
mAdapter.ItemClick += ModuleClicked;

Reference Link : https://www.c-sharpcorner.com/article/implement-the-custom-recycleview-in-xamarin-android/
+1
Muthu vj3y ago
yes i tried but i want to write the Code in onway it should fetch into all the resolution..
+1
Manikandan M3y ago
Hi Muthu vj,

Kindly use the layout_width and layout_height based on screen resolution.

Follow the below link suggestion

https://stackoverflow.com/questions/42345979/small-screen-size-with-high-in-density-how-to-develop-android-app-for-such-devi
+1