处理不同的屏幕尺寸 (Android)答案

【问题标题】：Handling different screen sizes (Android)处理不同的屏幕尺寸 (Android)
【发布时间】：2015-11-18 20:39:05
【问题描述】：

自从开始 android 开发以来，我一直在使用以下可绘制的文件夹结构...

可绘制的 mdpi 可绘制的 hdpi 可绘制的 xhdpi 可绘制-xxhdpi

现在我的问题是，我在 2 个不同的设备上进行测试

联想 Tab S8 - 1980*1200 - xxhdpi
Nexus 5 - 1080*1920 - xxhdpi

lenovo tabs 的物理屏幕尺寸大约是 Nexus 的两倍，但它们都从 drawable-xxhdpi 中提取图像。

这意味着，如果我最初为 nexus 构建我的应用程序，那么当部署在选项卡上时，它将被大量未使用的空白空间包围。但是，如果我开发以很好地适应 Tab，它在 Nexus 上似乎完全被炸毁了。

我看过这里

(http://www.techotopia.com/index.php/Handling_Different_Android_Devices_and_Displays)

添加一个具有名称的可绘制文件夹

drawable-sw200dp
可绘制-sw600dp
可绘制-sw800dp

处理不同的屏幕尺寸，但这只会让我的应用在 Nexus 上崩溃。标签很好。

谁能解释为什么这是和/或解决 xxhdpi 类别中不同大小的解决方法？

更新：- 似乎导致问题的 XML 布局 (fragment_tutorial2.xml)...

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
                android:paddingTop="20dip">
    <TextView
        android:id="@+id/hint"
        style="@style/TutorialTitle1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/tut_text2" />

    <TextView
        android:id="@+id/hint2"
        style="@style/TutorialTitle2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/hint"
        android:text="@string/tut_text3"/>

    <ImageView
        android:id="@+id/documentlist"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:src="@drawable/documentlist" />

</RelativeLayout>

样式....

<style name="TutorialTitle1" parent="AppBaseTheme">
        <item name="android:textStyle">bold</item>
        <item name="android:gravity">center</item>
        <item name="android:textSize">50sp</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:paddingTop">5dp</item>
    </style>

    <style name="TutorialTitle2" parent="AppBaseTheme">
        <item name="android:textStyle">bold</item>
        <item name="android:gravity">center</item>
        <item name="android:textSize">20sp</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:paddingBottom">25dp</item>
    </style>

使用名为 drawable-sw200dp 的文件夹发布到 Nexus 时的 Logcat ...

2243-2243/uk.co.danbd.heswresources E/AndroidRuntime﹕ FATAL EXCEPTION: main
    Process: uk.co.danbd.heswresources, PID: 2243
    android.view.InflateException: Binary XML file line #21: Error inflating class <unknown>
            at android.view.LayoutInflater.createView(LayoutInflater.java:633)
            at com.android.internal.policy.impl.PhoneLayoutInflater.onCreateView(PhoneLayoutInflater.java:55)
            at android.view.LayoutInflater.onCreateView(LayoutInflater.java:682)
            at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:741)
            at android.view.LayoutInflater.rInflate(LayoutInflater.java:806)
            at android.view.LayoutInflater.inflate(LayoutInflater.java:504)
            at android.view.LayoutInflater.inflate(LayoutInflater.java:414)
            at uk.co.danbd.heswresources.TutorialFragment.onCreateView(TutorialFragment.java:105)
            at android.support.v4.app.Fragment.performCreateView(Fragment.java:1789)
            at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:955)
            at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1138)
            at android.support.v4.app.BackStackRecord.run(BackStackRecord.java:740)
            at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1501)
            at android.support.v4.app.FragmentManagerImpl.executePendingTransactions(FragmentManager.java:490)
            at android.support.v4.app.FragmentPagerAdapter.finishUpdate(FragmentPagerAdapter.java:141)
            at android.support.v4.view.ViewPager.populate(ViewPager.java:1105)
            at android.support.v4.view.ViewPager.populate(ViewPager.java:951)
            at android.support.v4.view.ViewPager.onMeasure(ViewPager.java:1473)
            at android.view.View.measure(View.java:17547)
            at android.widget.RelativeLayout.measureChildHorizontal(RelativeLayout.java:727)
            at android.widget.RelativeLayout.onMeasure(RelativeLayout.java:463)
            at android.view.View.measure(View.java:17547)
            at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:5535)
            at android.widget.FrameLayout.onMeasure(FrameLayout.java:436)
            at android.view.View.measure(View.java:17547)
            at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:5535)
            at android.widget.LinearLayout.measureChildBeforeLayout(LinearLayout.java:1436)
            at android.widget.LinearLayout.measureVertical(LinearLayout.java:722)
            at android.widget.LinearLayout.onMeasure(LinearLayout.java:613)
            at android.view.View.measure(View.java:17547)
            at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:5535)
            at android.widget.FrameLayout.onMeasure(FrameLayout.java:436)
            at com.android.internal.policy.impl.PhoneWindow$DecorView.onMeasure(PhoneWindow.java:2615)
            at android.view.View.measure(View.java:17547)
            at android.view.ViewRootImpl.performMeasure(ViewRootImpl.java:2015)
            at android.view.ViewRootImpl.measureHierarchy(ViewRootImpl.java:1173)
            at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:1379)
            at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:1061)
            at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:5885)
            at android.view.Choreographer$CallbackRecord.run(Choreographer.java:767)
            at android.view.Choreographer.doCallbacks(Choreographer.java:580)
            at android.view.Choreographer.doFrame(Choreographer.java:550)
            at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:753)
            at android.os.Handler.handleCallback(Handler.java:739)
            at android.os.Handler.dispatchMessage(Handler.java:95)
            at android.os.Looper.loop(Looper.java:135)
            at android.app.ActivityThread.main(ActivityThread.java:5257)
            at java.lang.reflect.Method.invoke(Native Method)
            at java.lang.reflect.Method.invoke(Method.java:372)
            at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:903)
            at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:698)
     Caused by: java.lang.reflect.InvocationTargetException
            at java.lang.reflect.Constructor.newInstance(Native Method)
            at java.lang.reflect.Constructor.newInstance(Constructor.java:288)
            at android.view.LayoutInflater.createView(LayoutInflater.java:607)
            at com.android.internal.policy.impl.PhoneLayoutInflater.onCreateView(PhoneLayoutInflater.java:55)
            at android.view.LayoutInflater.onCreateView(LayoutInflater.java:682)
            at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:741)
            at android.view.LayoutInflater.rInflate(LayoutInflater.java:806)
            at android.view.LayoutInflater.inflate(LayoutInflater.java:504)
            at android.view.LayoutInflater.inflate(LayoutInflater.java:414)
            at uk.co.danbd.heswresources.TutorialFragment.onCreateView(TutorialFragment.java:105)
            at android.support.v4.app.Fragment.performCreateView(Fragment.java:1789)
            at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:955)
            at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1138)
            at android.support.v4.app.BackStackRecord.run(BackStackRecord.java:740)
            at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1501)
            at android.support.v4.app.FragmentManagerImpl.executePendingTransactions(FragmentManager.java:490)
            at android.support.v4.app.FragmentPagerAdapter.finishUpdate(FragmentPagerAdapter.java:141)
            at android.support.v4.view.ViewPager.populate(ViewPager.java:1105)
            at android.support.v4.view.ViewPager.populate(ViewPager.java:951)
            at android.support.v4.view.ViewPager.onMeasure(ViewPager.java:1473)
            at android.view.View.measure(View.java:17547)
            at android.widget.RelativeLayout.measureChildHorizontal(RelativeLayout.java:727)
            at android.widget.RelativeLayout.onMeasure(RelativeLayout.java:463)
            at android.view.View.measure(View.java:17547)
            at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:5535)
            at android.widget.FrameLayout.onMeasure(FrameLayout.java:436)
            at android.view.View.measure(View.java:17547)
            at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:5535)
            at android.widget.LinearLayout.measureChildBeforeLayout(LinearLayout.java:1436)
            at android.widget.LinearLayout.measureVertical(LinearLayout.java:722)
            at android.widget.LinearLayout.onMeasure(LinearLayout.java:613)
            at android.view.View.measure(View.java:17547)
            at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:5535)
            at android.widget.FrameLayout.onMeasure(FrameLayout.java:436)
            at com.android.internal.policy.impl.PhoneWindow$DecorView.onMeasure(PhoneWindow.java:2615)
            at android.view.View.measure(View.java:17547)
            at android.view.ViewRootImpl.performMeasure(ViewRootImpl.java:2015)
            at android.view.ViewRootImpl.measureHierarchy(ViewRootImpl.java:1173)
            at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:1379)
            at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:1061)
            at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:5885)
            at android.view.Choreographer$CallbackRecord.run(Choreographer.java:767)
            at android.view.Choreographer.doCallbacks(Choreographer.java:580)
            at android.view.Choreographer.doFrame(Choreographer.java:550)
            at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:753)
            at android.os.Handler.handleCallback(Handler.java:739)
            at android.os.Handler.dispatchMessage(Handler.java:95)
            at android.os.Looper.loop(Looper.java:135)
            at android.app.ActivityThread.main(ActivityThread.java:5257)
            at java.lang.reflect.Method.invoke(Native Method)
            at java.lang.reflect.Method.invoke(Method.java:372)
            at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:903)
            at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:698)
     Caused by: java.lang.OutOfMemoryError: Failed to allocate a 7607

TutorialFrament.java（在 onCreateView() 内） ....

switch (page) {
            case 0 :
                rootView = (ViewGroup) inflater.inflate(R.layout.fragment_tutorial1, container, false);
                animateImageView((ImageView) rootView.findViewById(R.id.imageView1),R.anim.fadescalein,1000);
                animateImageView((ImageView) rootView.findViewById(R.id.imageView2),R.anim.fadescalein,2000);
                animateImageView((ImageView) rootView.findViewById(R.id.imageView3), R.anim.fadescalein, 2100);
                animateImageView((ImageView) rootView.findViewById(R.id.imageView4), R.anim.fadescalein, 2200);
                animateImageView((ImageView) rootView.findViewById(R.id.imageView5), R.anim.fadescalein, 2300);
                animateImageView((ImageView) rootView.findViewById(R.id.imageView6), R.anim.fadescalein, 2400);
                animateImageView((ImageView) rootView.findViewById(R.id.imageView7), R.anim.fadescalein, 2500);
                animateImageView((ImageView) rootView.findViewById(R.id.imageView8), R.anim.fadescalein, 2600);
                animateImageView((ImageView) rootView.findViewById(R.id.imageView9), R.anim.fadescalein, 2700);
                break;
            case 1 :
                rootView = (ViewGroup) inflater.inflate(R.layout.fragment_tutorial2, container, false); // line 105
                break;
            case 2 :
                rootView = (ViewGroup) inflater.inflate(R.layout.fragment_tutorial3, container, false);
                break;
            case 3 :
                rootView = (ViewGroup) inflater.inflate(R.layout.fragment_tutorial4, container, false);
                break;
            case 4 :
                rootView = (ViewGroup) inflater.inflate(R.layout.fragment_tutorial5, container, false);
                break;
            case 5 :
                rootView = (ViewGroup) inflater.inflate(R.layout.fragment_tutorial6, container, false);
                listView = (ListView) rootView.findViewById(R.id.list);
                if (prefs.getString("type", "Acute") == "Acute") {
                    ArrayAdapter<String> adapter = new ArrayAdapter<String>(getActivity(), R.layout.tutorial_layout_row, valuesAcute);
                    listView.setAdapter(adapter);
                } else {
                    ArrayAdapter<String> adapter = new ArrayAdapter<String>(getActivity(), R.layout.tutorial_layout_row, valuesMentalHealth);
                    listView.setAdapter(adapter);
                }
                listView.setOnItemClickListener(listPairedClickItem);
                break;
        }
        return rootView;

fragment_tutorial1.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
                android:paddingTop="20dip" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="@dimen/logo_margin_top"
        android:src="@drawable/doctorslogo" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:src="@drawable/ecg" />

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/imageView2"
        android:layout_alignTop="@id/imageView2"
        android:src="@drawable/handwash" />

    <ImageView
        android:id="@+id/imageView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/imageView2"
        android:layout_alignRight="@id/imageView2"
        android:src="@drawable/chart" />

    <ImageView
        android:id="@+id/imageView5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@id/imageView2"
        android:layout_alignTop="@id/imageView2"
        android:layout_marginTop="-40dp"
        android:src="@drawable/cross" />

    <ImageView
        android:id="@+id/imageView6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/imageView5"
        android:layout_toLeftOf="@id/imageView2"
        android:src="@drawable/steph" />    

    <ImageView
        android:id="@+id/imageView7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@id/imageView2"
        android:layout_alignBottom="@id/imageView2"
        android:layout_marginBottom="-49dp"
        android:src="@drawable/hygieia" />

    <ImageView
        android:id="@+id/imageView8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/imageView2"
        android:layout_alignLeft="@id/imageView2"
        android:src="@drawable/hospital" />

    <ImageView
        android:id="@+id/imageView9"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/imageView2"
        android:layout_below="@id/imageView2"
        android:src="@drawable/droplet" />

</RelativeLayout>

【问题讨论】：

如您所见，两个设备的比例不相等，因此您的布局似乎适用于不同的尺寸，但定义不明确....请分享您的 xml 布局定义以查看发生了什么...
请通读developer.android.com/guide/practices/screens_support.html。资源限定符比“xxhdpi”多很多，就像你说的：“sw620dp”等。如果发生崩溃，请在此处发布 logcat。同时发布您的 XML。
感谢您的回复，我会阅读@shkschneider 我也会尝试您的建议 user123456
InflateException: Binary XML file line #21: Error inflating class <unknown>?也请发帖fragment_tutorial1.xml

标签： android android-resources multiscreen

【解决方案1】：

@安德鲁布拉姆韦尔

你的 logcat 抛出了什么

原因：java.lang.OutOfMemoryError：分配7607失败

http://developer.android.com/reference/java/lang/OutOfMemoryError.html

对于 Android 来说太大，内存不足。所以，最好将图像resize 缩小。

并将其添加到您的 ImageView 中

android:adjustViewBounds="true"

如果您希望 ImageView 将其边界调整为保留其可绘制对象的纵横比。

必须是布尔值，“真”或“假”。

您可以在清单 Application Tag 中设置 android:largeHeap="true" 。

【讨论】：

这是调整图像大小以适应图像视图吗？或调整图像视图的大小以正确包装图像。据我了解，后者应该已经发生，因为 layout_width 和 height 设置为 wrap_content
@AndrewBramwell 您是否设置了比例类型属性（图像视图）？？
我接受你的回答是它给了我最大的帮助！，缩放类型通过一个小的改变帮助加载，将我的图像定位在最后一个元素下方。（而不是垂直居中）

【解决方案2】：

原因：java.lang.OutOfMemoryError：分配7607失败

是这个原因，看来你的位图太大了。

【讨论】：

嗯，它的 840x1233 -> 76.4kb 不能在真实设备上测试它，而不是在模拟器上。
原来这是它没有发布的问题，但我不确定哪个选项导致了我将使用我的模拟器玩的问题并报告:)

【解决方案3】：

在您知道该怎么做之前，支持不同的设备屏幕对 Android 开发人员来说是一项挑战。

要支持不同的设备，您可以执行以下操作（drawables）：

在一个普通的项目中，您有以下用于可绘制对象的文件夹 - 请记住，这与您希望在应用程序中支持哪些设备无关：

可绘制/
drawable-mdpi/
drawable-hdpi/
drawable-xhdpi/
drawable-xxhdpi/
drawable-xxxhdpi/

为上述文件夹生成适当大小的图像后，您的应用程序、android 将自动为相应的设备（例如 Nexus 4、5 英寸、7 英寸、10 英寸）加载正确的资源。

提供对不同屏幕尺寸（布局）的支持

例如，使用您的开发设备（可能是 Nexus 4），您可以为您想要支持的其他屏幕尺寸创建布局文件夹。例如，我会创建以下文件夹：

layout-sw300dp/
layout-sw400dp/
layout-sw600dp/
layout-sw800dp/

在上述布局文件夹中，您可以分别设置您的 xml 文件/视图的样式，以便拥有不同屏幕的用户仍然可以看到您希望他们查看的应用程序。

同样，android 系统将加载正确的资源。

我希望这会有所帮助，并告诉我进展如何！祝你好运！

【讨论】：

非常感谢您的回复，但我不确定这将如何帮助我根本不想更改布局。但是，如果您查看上面的屏幕截图，如果我在 xxhdpi 文件夹中将文档列表图像放大，它将完全覆盖 nexus 的屏幕，而没有空间放置标题。它基本上需要 xhdpi 文件夹中的图像。我不知道在布局文件夹中更改图像大小的方法/不认为这是可能的。