androidandroid-linearlayoutandroid-relativelayout
android: layout not rendering correctly
I have a bunch of linear layouts inside relative layout, and I am having issues with it rendering
Here is my code
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:id="@+id/card_view"
android:layout_gravity="center"
android:layout_width="match_parent"
android:layout_height="110dp"
card_view:cardCornerRadius="2dp">
<!-- the innner view - provides the white rectangle -->
<RelativeLayout android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#fff" >
<LinearLayout android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="#fff"
android:layout_alignParentLeft="true"
android:orientation="vertical">
<LinearLayout android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="#fff"
android:orientation="horizontal">
<ImageView android:id="@+id/ivIcon"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:padding="10dp"
android:scaleType="fitXY"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:adjustViewBounds="true"/>
<TextView android:id="@+id/tvTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000"
android:paddingTop="10dp"
android:paddingBottom="10dp"
android:layout_weight="1"
android:textAppearance="@android:style/TextAppearance.Medium" />
</LinearLayout>
<LinearLayout android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="#fff"
android:orientation="horizontal">
<TextView android:id="@+id/tvTime"
android:layout_width="100dp"
android:textColor="#000"
android:layout_height="wrap_content"
android:textAlignment="viewEnd"
android:gravity="end"
android:layout_above="@id/ivIcon"
android:paddingRight="10dp"
android:paddingLeft="10dp"
android:paddingBottom="10dp"
android:layout_centerVertical="true"
android:textAppearance="@android:style/TextAppearance.Small" />
<TextView android:id="@+id/tvDescription"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_centerVertical="true"
android:paddingBottom="10dp"
android:textColor="#000"
android:textAppearance="@android:style/TextAppearance.Small" />
</LinearLayout>
<LinearLayout android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="#fff"
android:orientation="horizontal">
<TextView android:id="@+id/tvEstTime"
android:layout_width="100dp"
android:textColor="#000"
android:layout_height="wrap_content"
android:textAlignment="viewEnd"
android:gravity="end"
android:paddingRight="10dp"
android:paddingLeft="10dp"
android:paddingBottom="10dp"
android:layout_centerVertical="true"
android:textAppearance="@android:style/TextAppearance.Small" />
<TextView android:id="@+id/tvEst"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_weight="1"
android:textColor="#000"
android:paddingBottom="10dp"
android:textAppearance="@android:style/TextAppearance.Small" />
</LinearLayout>
</LinearLayout>
<LinearLayout android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="#fff"
android:layout_alignParentRight="true">
<TextView android:id="@+id/tvStatus"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_alignParentTop="true"
android:layout_gravity="right"
android:textAllCaps="true"
android:gravity="center"
android:paddingTop="5dp"
android:paddingBottom="5dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:background="@color/blue"
android:textColor="#fff"
android:textSize="8sp"/>
</LinearLayout>
</RelativeLayout>
</android.support.v7.widget.CardView>
The output of the code is
The output I want is
Anyone have an idea what I am doing wrong here?
EDIT
Result after using @Shahar's code
Solution
Try it like that:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:id="@+id/card_view"
android:layout_gravity="center"
android:layout_width="match_parent"
android:layout_height="110dp"
card_view:cardCornerRadius="2dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@+id/tvStatus"
android:background="#fff"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#fff"
android:gravity="center"
android:orientation="horizontal">
<ImageView
android:id="@+id/ivIcon"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:adjustViewBounds="true"
android:background="@android:color/background_dark"
android:padding="10dp"
android:scaleType="fitXY"/>
<TextView
android:id="@+id/tvTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:paddingBottom="10dp"
android:paddingTop="10dp"
android:text="some text"
android:textAppearance="@android:style/TextAppearance.Medium"
android:textColor="#000"/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="#fff"
android:orientation="horizontal">
<TextView
android:id="@+id/tvTime"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_above="@id/ivIcon"
android:layout_centerVertical="true"
android:gravity="end"
android:paddingBottom="10dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:text="some text"
android:textAlignment="viewEnd"
android:textAppearance="@android:style/TextAppearance.Small"
android:textColor="#000"/>
<TextView
android:id="@+id/tvDescription"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_weight="1"
android:paddingBottom="10dp"
android:text="some text"
android:textAppearance="@android:style/TextAppearance.Small"
android:textColor="#000"/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="#fff"
android:orientation="horizontal">
<TextView
android:id="@+id/tvEstTime"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:gravity="end"
android:paddingBottom="10dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:text="some text"
android:textAlignment="viewEnd"
android:textAppearance="@android:style/TextAppearance.Small"
android:textColor="#000"/>
<TextView
android:id="@+id/tvEst"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_weight="1"
android:paddingBottom="10dp"
android:text="some text"
android:textAppearance="@android:style/TextAppearance.Small"
android:textColor="#000"/>
</LinearLayout>
</LinearLayout>
<TextView
android:id="@+id/tvStatus"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:layout_gravity="right"
android:background="#fff"
android:gravity="center"
android:paddingBottom="5dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="5dp"
android:textAllCaps="true"
android:textColor="#000"
android:textSize="8sp"/>
</RelativeLayout>
</android.support.v7.widget.CardView>
- Google play console submit permissions error
- Foreground Service crashing on Android 14
- How to convert XML response with Retrofit to data classes
- Android and Kotlin coroutines: inappropriate blocking method call
- No recomposition called when State Holder class modified
- Android emulator won't shut down
- Is there a documented life cycle for which Android versions receive security updates?
- overwrite drawable in a library
- isAcknowledgedAndroid is always false for consumable product
- Removing TextInputLayout extra top padding
- Performance parsing JSON on Android emulator vs physical device
- Android Studio Ladybug - Unknown Kotlin JVM target: 21
- Android emm device owner connect to wifi network
- Android webview only zoom in
- What is the difference between shouldShowRequestPermissionRationale and requestPermissions?
- Execution failed for task ':app:kaptGenerateStubsDebugKotlin' after android studio V3.1.1 update
- How can I open and view html files stored locally on my Android device in a web browser running outside of my app, preferably using Intent ACTION_VIEW
- SOFT_INPUT_ADJUST_RESIZE deprecated starting android 30
- How to debug the Android App in release mode using Android studio
- "cordova build android" fails with "no installed build tools found"
- Android app shows home screen when going between activities
- Android compose: offset at a fraction of parent size
- Back press handler in ModalBottomSheet in Compose M3 1.1
- Support configuration change with MutableTransitionState
- Where to define XML for the Toolbar widget in Android 5.0?
- Android notification importance cannot be changed
- Keyboard shortcurts for Android Emulator?
- Can we create custom blur in react native?
- This app was built for an older version of Android and doesn't include the latest privacy protections
- Run connectedAndroidTest and skip uninstall