Android布局问题 - 在不同设备上显示不同。

Question

我有一些 XML，在 API 级别高于 17 的情况下可以正常工作，但在同样的 API 下，手机上显示不同。我的 minSDK 是 15。

我应该分别制作 v-17、v-16、v-15 的布局，还是有其他方法可以同时适用于这三个版本？

XML 在设备上显示不同的行为：

<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可绘制文件在上面使用时显示不同：

<?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>

17及以上设备上的XML图像：

API 17以下设备上的图像：

请提供一些解决方法。

- young_08

---

请发布您的 customViews.ButtonPlus 代码... - rafsanahmad007

@rafsanahmad007 自定义视图仅适用于Typeface。就是这样。 public class ButtonPlus extends AppCompatButton { public ButtonPlus(Context context) { super(context); }public ButtonPlus(Context context, AttributeSet attrs) { super(context, attrs); CustomFontHelper.setCustomFont(this, context, attrs); } public ButtonPlus(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); CustomFontHelper.setCustomFont(this, context, attrs); }} - young_08

尝试使用 extends Button 替代... - rafsanahmad007

@rafsanahmad007 尝试过了，但是没成功。 - young_08

Answer 1

我认为你的背景可绘制对象中的角度值过大（大于视图高度的一半）。

可以尝试这样做：

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

- Kilnn

---

实际上，这些值是硬编码的，这就是问题所在。现在已经解决了。谢谢。如果您能为这个问题点赞，我将不胜感激。再次感谢。 - young_08

Answer 2

请修改角Drawable并更改半径。需要减小半径大小，如下所示-

 <?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>

谢谢

- PankajSharma

---

很有帮助。非常感谢。 - young_08

也感谢你，@young_08。 - PankajSharma