Set position size of UI element as percentage of screen size

Question

I m trying to work out if it s possible to use percentage positions sizes when creating a layout  What I want is something like this             68      v Gallery  height equivalent of 16  total screen size      16  v   I m testing on a device which in landscape has a display of 800x480 actual pixels and I m currently forcing it with the following      lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  fill parent   gt        lt Gallery          android id    id gallery          android layout width  fill parent          android layout height  80px          android layout marginTop   320px        gt   lt  RelativeLayout gt    Obviously I don t want to hard-code fixed px units but I can t use 68  or 0 68 for layout marginTop  for example   I ve looked at dp units but I m not sure if I can do it that way either   I have to admit UI design is a weak point of mine so any advice would be gratefully received   EDIT  For future reference if anyone is looking for a similar answer  following Alan Moore s suggestion I have the following working exactly how I want it      lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android orientation  vertical      android background   drawable bground      android layout width  fill parent      android layout height  fill parent   gt       lt TextView         android layout width  fill parent          android layout height  0dp          android layout weight  0 68          android background   android color transparent        gt       lt Gallery          android id    id gallery          android layout width  fill parent          android layout height  wrap content          android layout weight  0 16        gt       lt TextView         android layout width  fill parent          android layout height  0dp          android layout weight  0 16           android background   android color transparent        gt   lt  LinearLayout gt    I managed to find some other examples of using layout weight and decided to set the TextView heights to 0dp and also used floats for the weights  Working great

User · Answer

The above problem can also be solved using ConstraintLayout through Guidelines.

Below is the snippet.

<?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.support.constraint.Guideline
    android:id="@+id/upperGuideLine"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    app:layout_constraintGuide_percent="0.68" />

<Gallery
    android:id="@+id/gallery"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintBottom_toTopOf="@+id/lowerGuideLine"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="@+id/upperGuideLine" />

<android.support.constraint.Guideline
    android:id="@+id/lowerGuideLine"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    app:layout_constraintGuide_percent="0.84" />

</android.support.constraint.ConstraintLayout>

User · Answer

Take a look at this    http   developer android com reference android util DisplayMetrics html  You can get the heigth of the screen and it s simple math to calculate 68 percent of the screen

User · Answer

I think what you want is to set the android layout weight    http   developer android com resources tutorials views hello-linearlayout html  something like this  I m just putting text views above and below as placeholders       lt LinearLayout     android orientation  vertical      android layout width  fill parent      android layout height  fill parent      android weightSum  1  gt       lt TextView         android layout width  fill parent          android layout height  0dp          android layout weight  68   gt       lt Gallery          android id    id gallery          android layout width  fill parent          android layout height  0dp           android layout weight  16        gt       lt TextView         android layout width  fill parent          android layout height  0dp          android layout weight  16   gt      lt  LinearLayout gt

User · Answer

For TextView and it s descendants  e g   Button  you can get the display size from the WindowManager and then set the TextView height to be some fraction of it    Button btn   new Button  this   android view Display display     android view WindowManager getSystemService Context WINDOW SERVICE   getDefaultDisplay     btn setHeight  int  display getHeight   0 68

User · Answer

Use the  PercentRelativeLayout or PercentFrameLayout from the Percent Supoort Library   lt android support percent PercentFrameLayout android orientation  vertical  android layout width  match parent  android layout height  match parent  gt        lt TextView           android layout width  match parent            app layout heightPercent  68    gt        lt Gallery            android id    id gallery            android layout width  match parent            app layout heightPercent  16    gt        lt TextView           android layout width  fill parent            android layout height  wrap content            android layout width  match parent   gt   lt  android support percent PercentFrameLayout gt

[android] Set position / size of UI element as percentage of screen size

Examples related to android

Examples related to android-layout