androidandroid-relativelayoutright-align
Android relative layout, right align a textview below another textview
I've been struggling with this problem in layout for sometime now. To make things simpler, I've a screenshot.
I want to right align that textview which has content "3 hours ago" to the right. For this TextView I've layout_below property set to the Linearlayout above(contains two textviews which has contents 36.90 & deg celius as in the picture).
I tried android:layout_alignRight="@+id/rl1", It aligns the textview to the right. But when the content of hours ago TextView is bigger than that above, It get clipped off().
Someone, Please help me.
Here's code( not the whole code). just the part on the right side
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:id="@+id/rl1">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/subVitalValueTextView"
android:gravity="center_vertical"
android:text="5.05"
android:textSize="22dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/subVitalUnitTextView"
android:text="feet"
android:paddingLeft="5dp"/>
</LinearLayout>
<TextView
android:layout_marginTop="-6dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/subVitalTimeAgoTextView"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="5 hours ago"
android:fontFamily="sans-serif-thin"
android:layout_below="@+id/rl1"/>
</RelativeLayout>
Solution
Try the following
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@+id/subVitalImageView"
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginLeft="14dp"
android:layout_marginTop="8dp"
android:layout_toRightOf="@+id/subVitalImageView"
android:text="Medium Text"
android:textAppearance="?android:attr/textAppearanceMedium" />
<RelativeLayout
android:id="@+id/relativeLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/textView1"
android:layout_marginLeft="42dp"
android:layout_toRightOf="@+id/textView1" >
<TextView
android:id="@+id/subVitalValueTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:text="5.05"
android:textSize="22dp" />
<TextView
android:id="@+id/subVitalUnitTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_toRightOf="@+id/subVitalValueTextView"
android:paddingLeft="5dp"
android:text="feet" />
</RelativeLayout>
<TextView
android:id="@+id/subVitalTimeAgoTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/relativeLayout1"
android:layout_below="@+id/relativeLayout1"
android:fontFamily="sans-serif-thin"
android:text="5 hours ago"
android:textAppearance="?android:attr/textAppearanceSmall" />
</RelativeLayout>
Option 2
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@+id/subVitalImageView"
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginLeft="14dp"
android:layout_marginTop="8dp"
android:layout_toRightOf="@+id/subVitalImageView"
android:text="Medium Text"
android:textAppearance="?android:attr/textAppearanceMedium" />
<RelativeLayout
android:id="@+id/relativeLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/subVitalImageView"
android:layout_alignParentRight="true"
android:layout_marginLeft="42dp"
android:layout_toRightOf="@+id/textView1" >
<TextView
android:id="@+id/subVitalValueTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:text="5.05"
android:textSize="22dp" />
<TextView
android:id="@+id/subVitalUnitTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_toRightOf="@+id/subVitalValueTextView"
android:paddingLeft="5dp"
android:text="feet" />
<TextView
android:id="@+id/subVitalTimeAgoTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/subVitalValueTextView"
android:fontFamily="sans-serif-thin"
android:text="5 hours ago"
android:textAppearance="?android:attr/textAppearanceSmall" />
</RelativeLayout>
</RelativeLayout>
Result
Option 3
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@+id/subVitalImageView"
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginLeft="14dp"
android:layout_marginTop="8dp"
android:layout_toRightOf="@+id/subVitalImageView"
android:text="Medium Text"
android:textAppearance="?android:attr/textAppearanceMedium" />
<RelativeLayout
android:id="@+id/relativeLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true" >
<TextView
android:id="@+id/subVitalValueTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:text="5.05"
android:textSize="22dp" />
<TextView
android:id="@+id/subVitalUnitTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_toRightOf="@+id/subVitalValueTextView"
android:paddingLeft="5dp"
android:text="feet" />
<TextView
android:id="@+id/subVitalTimeAgoTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/subVitalValueTextView"
android:fontFamily="sans-serif-thin"
android:text="5 hours ago"
android:textAppearance="?android:attr/textAppearanceSmall" />
</RelativeLayout>
</RelativeLayout>
Result
Option 4
<RelativeLayout
android:id="@+id/relativeLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/subVitalImageView"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true" >
<TextView
android:id="@+id/subVitalUnitTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/subVitalTimeAgoTextView"
android:layout_alignParentRight="true"
android:paddingLeft="5dp"
android:text="feet" />
<TextView
android:id="@+id/subVitalValueTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toLeftOf="@+id/subVitalUnitTextView"
android:gravity="center_vertical"
android:text="5"
android:textSize="22dp" />
<TextView
android:id="@+id/subVitalTimeAgoTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:fontFamily="sans-serif-thin"
android:text="5 hours ago"
android:textAppearance="?android:attr/textAppearanceSmall" />
</RelativeLayout>
Result
- Your app currently targets API level 30 and must target at least API level 31 to ensure it is built on the latest APIs
- How can I reduce the size of a library folder?
- Stream Audio from Client to Server to Multiple Clients Java
- Talkback does not specify index out of list count in RecyclerView
- Panorama 360 viewer with phonegap
- opening an external "file explorer" app: how to get absolute path from a uri pointing to a folder
- Which ParseException may be thrown on signup/login attempt
- What I should add as a key to LaunchedEffect to be changeable?
- Variable not updated in a Coroutine
- How To Stop Git-Bash command on windows
- Getting Error while Dexing. after upgrading flutter to 3.19.0
- Can't find the option to change privacy policy for Android app already on play store
- Button not responding to Click Event after Translation animation
- Using libcurl in C++ Android application using CMake
- Why compose adds extra text to Accessibility?
- packages have newer versions incompatible with dependency constraints
- How can I scroll to the beginning of a paged list after the start of the list is no longer presented
- why flutter_fortune_wheel always run instantly after page open?
- How to create Viewpager Transformation in Jetpack Compose?
- Remove underline from TextInputEditText
- String replace isn't working for some cyrillic characters
- How to create push notification with long text and picture in one style
- Android ListPopupWindow's method isShowing() does not work
- How to remove top and bottom padding exo player in android jetpack compose?
- flutter doctor --android-licenses does not work
- Eliminating Blinking Effect in Rotational Animation of List Elements
- Flutter Firebase and Android issue - unable to initialise. Cannot find google-services.json with latest (sept 2020) migration instructions executed
- Magento REST API for Android Application
- input type=number not possible to insert negative numbers on mobile phone
- Why doen't Compose trigger a recomposition on State update?