CODEWITHSUNDEEP
androidandroid-layoutandroid-xmlandroid-api-levels
young_08
young_08

Reputation: 1216

Android layout Issue - showing differently on different devices.

I have some xml which working fine with api level above 17 but showing differently on phones api below same. My minSDK is 15.

Should i make layout v-17 , v-16 , v-15 separately or is there any other way around which works for all three at once.?

XML showing different behaviour on devices:

<LinearLayout 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:id="@+id/verify_number_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/app_name_id"
    android:layout_marginLeft="17dp"
    android:layout_marginRight="17dp"
    android:animateLayoutChanges="true"
    android:orientation="vertical"
    android:visibility="visible"
    tools:context=".activities.LoginActivity">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="46dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="24dp"
        android:layout_marginTop="30dp"
        android:background="@drawable/outline"
        android:gravity="center"
        android:orientation="horizontal"
        android:weightSum="1">

        <customViews.TextViewPlus
            android:id="@+id/tv_state_code"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="0.3"
            android:gravity="center|center_horizontal"
            android:text="@string/country_code_text"
            android:textColor="@color/text_color"
            android:textSize="16sp"
            app:font="OpenSans-Regular.ttf" />

        <View
            android:layout_width="1dip"
            android:layout_height="match_parent"
            android:background="@android:color/white" />

        <customViews.EditTextPlus
            android:id="@+id/et_mobile"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_gravity="center|center_horizontal"
            android:layout_marginLeft="8dp"
            android:layout_weight="0.7"
            android:gravity="start|center_vertical"
            android:hint="@string/mobile_number_hint"
            android:imeOptions="actionDone"
            android:inputType="phone"
            android:maxLength="10"
            android:maxLines="1"
            android:background="@android:color/transparent"
            android:textColor="@color/textview_color_selector"
            android:textCursorDrawable="@null"
            android:textSize="16sp"
            app:font="OpenSans-Regular.ttf" />
    </LinearLayout>


    <customViews.ButtonPlus
        android:id="@+id/next_button"
        android:layout_width="match_parent"
        android:layout_height="46dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="24dp"
        android:layout_marginTop="8dp"
        android:background="@drawable/outline"
        android:gravity="center"
        android:text="@string/next_button"
        android:textColor="@color/textview_color_selector"
        android:textSize="17sp"
        app:font="Oswald-Light.ttf" />


    <ProgressBar
        android:id="@+id/progressBar"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="46dp"
        android:layout_gravity="center_horizontal"
        android:indeterminate="true"
        android:indeterminateTint="@color/text_color"
        android:visibility="invisible" />


</LinearLayout>

outline.xml drawable used above and showing differently :

<?xml version="1.0" encoding="utf-8"?><!--  res/drawable/rounded_edittext.xml -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:padding="10dp"
    android:shape="rectangle">

    <stroke
        android:width="0.7pt"
        android:color="#FFFF" />

    <corners
        android:bottomLeftRadius="55dp"
        android:bottomRightRadius="55dp"
        android:topLeftRadius="55dp"
        android:topRightRadius="55dp" />
</shape>

above xml image on device above 17: enter image description here

image on below api 17:

enter image description here Please suggest some way around.

Upvotes: 3

Views: 620

Answers (2)

Kilnn
Kilnn

Reputation: 107

I think your corners value is to large(larger than half of view height) in your background drawable.

Try like this:

<corners
    android:bottomLeftRadius="23dp"
    android:bottomRightRadius="23dp"
    android:topLeftRadius="23dp"
    android:topRightRadius="23dp" />

Upvotes: 2

PankajSharma
PankajSharma

Reputation: 1564

Please modify the corners Drawable and change the Radius.Need to decrease the Radius size like this-

 <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:padding="10dp"
    android:shape="rectangle">

    <stroke
        android:width="0.7pt"
        android:color="#FFFF" />

    <corners
        android:bottomLeftRadius="25dp"
        android:bottomRightRadius="25dp"
        android:topLeftRadius="25dp"
        android:topRightRadius="25dp" />
</shape>

Thanks

Upvotes: 1

Related Questions