how to create single layout that will look same on vertical and horizontal layout using constraints layout in android -


i using constraint layout , beginner ,can me creating single layout same on both horizontal , vertical view,i have created looking different on view. do need create separate layout both?

my code of xml 5 inch screen:-

<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.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="match_parent" android:padding="16dp" tools:context=".mainactivity">  <android.support.constraint.guideline     android:id="@+id/guideline"     android:layout_width="1dp"     android:layout_height="wrap_content"     android:orientation="vertical"     app:layout_constraintguide_percent="0.5"/>  <button     android:id="@+id/button2"     android:layout_width="0dp"     android:layout_height="wrap_content"     android:text="button"     app:layout_constrainttop_totopof="parent"     android:layout_margintop="53dp"     android:layout_marginleft="8dp"     app:layout_constraintleft_toleftof="parent"     android:layout_marginright="8dp"     app:layout_constraintright_torightof="parent" />  <button     android:id="@+id/button3"     android:layout_width="0dp"     android:layout_height="wrap_content"     android:text="button"     android:layout_margintop="85dp"     app:layout_constrainttop_tobottomof="@+id/button2"     android:layout_marginleft="8dp"     app:layout_constraintleft_toleftof="parent"     android:layout_marginright="8dp"     app:layout_constraintright_torightof="parent" />  <button     android:id="@+id/button4"     android:layout_width="0dp"     android:layout_height="wrap_content"     android:text="button"     android:layout_margintop="88dp"     app:layout_constrainttop_tobottomof="@+id/button3"     android:layout_marginright="8dp"     app:layout_constraintright_torightof="parent"     android:layout_marginleft="8dp"     app:layout_constraintleft_toleftof="parent"     android:layout_marginbottom="8dp"     app:layout_constraintvertical_bias="0.0" />  <android.support.constraint.guideline     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:id="@+id/guideline2"     app:layout_constraintguide_begin="1097dp"     android:orientation="horizontal" /> 

use code this

<android.support.constraint.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="match_parent"     android:padding="16dp"     tools:context=".mainactivity">      <button         android:id="@+id/button2"         android:layout_width="0dp"         android:layout_height="wrap_content"         android:text="button"         android:layout_marginleft="8dp"         app:layout_constraintleft_toleftof="parent"         android:layout_marginright="8dp"         app:layout_constraintright_torightof="parent"         app:layout_constraintbottom_totopof="@+id/button3"         android:layout_marginstart="8dp"         android:layout_marginend="8dp"         app:layout_constrainttop_totopof="parent" />      <button         android:id="@+id/button3"         android:layout_width="0dp"         android:layout_height="wrap_content"         android:text="button"         android:layout_marginleft="8dp"         app:layout_constraintleft_toleftof="parent"         android:layout_marginright="8dp"         app:layout_constraintright_torightof="parent"         app:layout_constraintbottom_totopof="@+id/button4"         android:layout_marginstart="8dp"         android:layout_marginend="8dp"         app:layout_constrainttop_tobottomof="@+id/button2" />      <button         android:id="@+id/button4"         android:layout_width="0dp"         android:layout_height="wrap_content"         android:text="button"         android:layout_marginright="8dp"         app:layout_constraintright_torightof="parent"         android:layout_marginleft="8dp"         app:layout_constraintleft_toleftof="parent"         android:layout_marginstart="8dp"         app:layout_constraintbottom_tobottomof="parent"         android:layout_marginend="8dp"         app:layout_constrainttop_tobottomof="@+id/button3" />  </android.support.constraint.constraintlayout> 

this should work on both screen orientations.

note

with constraintlayout, using layout editor far easier using text editor.


Comments

Popular posts from this blog

Sort a complex associative array in PHP -

vb.net - How to ignore if a cell is empty nothing -

recursion - Can every recursive algorithm be improved with dynamic programming? -