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
Post a Comment