Xamarin android layout not fit in all the screen

Question

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:text=EURUSD android:textAppearance=?android:attr/textAppearanceLarge android:layout_width=match_parent android:layout_height=match_parent android:id=@+id/EURUSD android:gravity=center android:textStyle=bold/>--> 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:text=GBPUSD android:textAppearance=?android:attr/textAppearanceLarge android:layout_width=match_parent android:layout_height=match_parent android:id=@+id/GBPUSD android:gravity=center android:textStyle=bold/>--> 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: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/frameLayout5 android:background=?attr/colorPrimary> android:text=AUDUSD android:textAppearance=?android:attr/textAppearanceLarge android:layout_width=match_parent android:layout_height=match_parent android:id=@+id/AUDUSD android:gravity=center android:textStyle=bold/>--> 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= 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/AUDUSDSL/> 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:text=EURJPY android:textAppearance=?android:attr/textAppearanceLarge android:layout_width=match_parent android:layout_height=match_parent android:id=@+id/EURJPY android:gravity=center android:textStyle=bold/>--> 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: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/EURJPYSL/> 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/EURJPYTechnicalChart/> 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:text=GOLD(XAUUSD) android:textAppearance=?android:attr/textAppearanceLarge android:layout_width=match_parent android:layout_height=match_parent android:id=@+id/GOLD android:gravity=center android:textColor=#D2691E android:textStyle=bold/>--> 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/>

Manikandan M · Answer

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/

Muthu vj · Answer

yes i tried but i want to write the Code in onway it should fetch into all the resolution..

Manikandan M · Answer

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