处理不同屏幕尺寸(Android)

4
自从开始进行Android开发以来,我一直在使用以下drawable文件夹结构...
drawable-mdpi drawable-hdpi drawable-xhdpi drawable-xxhdpi
现在我的问题是,我正在测试两个不同的设备
联想Tab S8 - 1980 * 1200 - xxhdpi Nexus 5 - 1080 * 1920 - xxhdpi
联想平板电脑的物理屏幕尺寸大约是Nexus的两倍,但它们都从drawable-xxhdpi中提取图像。
这意味着如果我最初为Nexus构建我的应用程序,那么在Tab上部署时将被许多空未使用的空间包围。但如果我开发以适应Tab,则在Nexus上完全放大。

enter image description here enter image description here

我已经在这里阅读过了

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

添加一个名为drawable的文件夹

drawable-sw200dp
drawable-sw600dp
drawable-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布局定义以查看发生了什么... - Jordi Castilla
2
请完整阅读 https://developer.android.com/guide/practices/screens_support.html。有比你所说的“xxhdpi”更多的资源限定符,例如“sw620dp”等。如果出现崩溃,请在此处发布logcat。同时发布您的XML。 - shkschneider
谢谢回复,我会阅读@shkschneider的建议,并尝试user123456提供的建议。 - AndrewBramwell
InflateException: 二进制 XML 文件第21行:膨胀类<unknown>错误。请同时发布fragment_tutorial1.xml文件。 - shkschneider
3个回答

2

@AndrewBramwell

你的logcat报错如下:

Caused by: java.lang.OutOfMemoryError: Failed to allocate a 7607

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

这是因为图片过大而导致Android内存不足,所以最好将图片调整大小至更小的尺寸。

并在ImageView中添加以下内容:

android:adjustViewBounds="true"

如果您想要ImageView调整其边界以保持其可绘制对象的纵横比,则将其设置为true。

必须是布尔值,可以是"true"或"false"。

您可以在清单应用程序标记中设置android:largeHeap="true"


1
这是将图像调整大小以适应图像视图吗?还是调整图像视图以正确包裹图像。据我理解,后者应该已经发生,因为layout_width和height已设置为wrap_content。 - AndrewBramwell
@AndrewBramwell,你设置了缩放类型属性(imageview)吗? - IntelliJ Amiya
1
我接受你的答案,因为它给了我最大的帮助!scale类型对我很有帮助,只需稍微调整一下位置,就可以将我的图像放置在最后一个元素下方(而不是垂直居中)。 - AndrewBramwell

2

原因是:java.lang.OutOfMemoryError: Failed to allocate a 7607

看起来是因为您的位图太大了。


嗯,它的分辨率是840x1233 -> 76.4kb。我会在真机上测试而不是模拟器上。 - AndrewBramwell
原来这就是导致它无法发布的问题,但我不确定哪个选项导致了问题,我会尝试使用模拟器并回报 :) - AndrewBramwell

1
支持不同设备屏幕对于Android开发人员来说是一个挑战,直到你知道该做什么。
为了支持不同的设备,您可以执行以下操作(绘图):
在普通项目中,您有以下文件夹用于可绘制 - 请记住,这与您想要在应用程序中支持哪些设备无关:
drawable / drawable-mdpi / drawable-hdpi / drawable-xhdpi / drawable-xxhdpi / drawable-xxxhdpi /
一旦您已经生成了适当大小的图像用于上述文件夹,您的应用程序,安卓将自动加载相应设备的正确资源(例如Nexus 4、5英寸、7英寸、10英寸)。
提供不同屏幕尺寸的支持(布局)
例如,使用您的开发设备(可能是Nexus 4),然后您可以为其他要支持的屏幕尺寸创建布局文件夹。例如,我会创建以下文件夹:
在上述布局文件夹中,您可以分别为xml文件/视图设置样式,以便具有不同屏幕的用户仍然能够按照您想要的方式查看您的应用程序。再次强调,Android系统将加载正确的资源。希望这可以帮到您,让我知道进展如何!祝你好运!

1
非常感谢您的回复,但我不确定这会如何帮助我,因为我根本不想改变布局。但是,如果您查看我上面的截图,如果我在xxhdpi文件夹中使documentlist图像变得更大,它将完全覆盖Nexus屏幕,不留任何标题的空间。它基本上需要来自xhdpi文件夹的图像。我不知道如何在布局文件夹中更改图像大小/不认为这是可能的。 - AndrewBramwell

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接