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

Posted

技术标签:

【中文标题】Android 布局问题 - 在不同设备上显示不同。【英文标题】:Android layout Issue - showing differently on different devices. 【发布时间】:2017-08-11 08:06:11 【问题描述】:

我有一些 xml 可以在 17 以上的 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_
    android:layout_
    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_
        android:layout_
        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_
            android:layout_
            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_
            android:layout_
            android:background="@android:color/white" />

        <customViews.EditTextPlus
            android:id="@+id/et_mobile"
            android:layout_
            android:layout_
            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_
        android:layout_
        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_
        android:layout_
        android:layout_gravity="center_horizontal"
        android:indeterminate="true"
        android:indeterminateTint="@color/text_color"
        android:visibility="invisible" />


</LinearLayout>

上面使用的outline.xml drawable,显示方式不同:

<?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:
        android:color="#FFFF" />

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

高于 17 岁设备上的 xml 图像:

api 17 下方的图片:

请提出一些建议。

【问题讨论】:

发布您的customViews.ButtonPlus 代码... @rafsanahmad007 自定义视图仅适用于字体。而已。公共类 ButtonPlus 扩展 AppCompatButton public ButtonPlus(Context context) super(context); 公共 ButtonPlus(上下文上下文,属性集 attrs) 超级(上下文,attrs); CustomFontHelper.setCustomFont(this, context, attrs); public ButtonPlus(上下文上下文,AttributeSet attrs,int defStyleAttr) super(context,attrs,defStyleAttr); CustomFontHelper.setCustomFont(this, context, attrs); 尝试改用extends Button... @rafsanahmad007 试过了。没用 【参考方案1】:

我认为您的背景可绘制对象中的角值太大(大于视图高度的一半)。

试试这样:

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

【讨论】:

实际上,硬编码这些值是问题所在。现在解决了。谢谢。如果您支持这个问题,我将不胜感激。再次感谢【参考方案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:
        android:color="#FFFF" />

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

谢谢

【讨论】:

它有帮助。非常感谢。 也谢谢你。@young_08

以上是关于Android 布局问题 - 在不同设备上显示不同。的主要内容,如果未能解决你的问题,请参考以下文章

与设备相比,我在 android 中的布局预览显示不同

应用程序在不同设备上显示颜色略有不同

如果使用物理设备或 Bluestacks 模拟器,布局显示会非常不同

适用于不同屏幕尺寸的Android布局

android不同机型上界面适配问题

不同设备上的不同页面