5

我正在创建一个简单的测验测试应用程序“Target SDK API 16 (4.1 Jelly Beans)”屏幕 3.7 (480x800 hdpi)。

这个应用程序在 3.7 (480x800) 上看起来很棒，但是当我在另一个屏幕设备上运行它时，比如 2.7 (240x320)、7.0 (1024x600)、10.1 (1280x800)，它的屏幕分辨率会变得混乱或看起来很糟糕。

为了更好地理解，请参见截图：

2.7 (240x320)

http://postimg.cc/image/m3sob88mp/

3.7 (480x800)

http://postimg.cc/image/wf513w0c1/

7.0 (1024x600)

http://postimg.cc/image/fc298djn5/

10.1 (1280x800)

http://postimg.cc/image/isk5gon7p/

我希望它与所有屏幕尺寸都兼容/看起来完美，就像它在 3.7 (480x800) 中一样

如何自动调整大小、兼容、调整所有 android 设备的屏幕大小，使其在每个屏幕分辨率下看起来都很完美？

还是我必须创建不同的应用程序或不同的屏幕尺寸？

我试图使屏幕兼容的是：将这些行添加到“AndroidManifest.xml”

<supports-screens>

        android:resizeable="true"
        android:smallScreens="true"
        android:normalScreens="true"
        android:largeScreens="true"
        android:xlargeScreens="true"
        android:anyDensity="true"

    </supports-screens>

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.usd.quiztest"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="16" />

    <supports-screens>
        android:resizeable="true"
        android:smallScreens="true"
        android:normalScreens="true"
        android:largeScreens="true"
        android:xlargeScreens="true"
        android:anyDensity="true"
    </supports-screens>

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >

        <activity
            android:name="com.usd.quiztest.Logo"
            android:label="@string/app_name"            
            android:theme="@android:style/Theme.Black.NoTitleBar" >

            <intent-filter>
                <action android:name="android.intent.action.MAIN" />               
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>

        </activity>

        <activity
            android:name="com.usd.quiztest.First"
            android:label="@string/app_name" >
        </activity>                
        <activity
            android:name="com.usd.quiztest.Q1"
            android:label="@string/app_name" >
        </activity>        
         <activity
            android:name="com.usd.quiztest.Q2"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.usd.quiztest.Q3"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.usd.quiztest.Q4"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.usd.quiztest.Q5"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.usd.quiztest.FinalPage"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.usd.quiztest.Score"
            android:label="@string/app_name" >
        </activity>

    </application>

</manifest>

first_screen.xml（这是屏幕截图中显示的屏幕）

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/RelativeLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"    
    android:orientation="vertical" >

    <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="30dp"
        android:contentDescription="ql"
        android:gravity="center"
        android:src="@drawable/ql" />

    <Button
        android:id="@+id/start_button"
        android:layout_width="254dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imageView1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="30dp"
        android:text="Start Quiz Test"
        android:textColor="#000000" />

</RelativeLayout>
4

3 回答 3

9

如果您想支持不同的屏幕尺寸，有些事情是至关重要的：

  • 为每个屏幕密度桶使用不同的可绘制对象（drawables-hdpi,drawables-xhdpi等）
  • 使用dp而不是px作为大小的单位。
  • 避免使用绝对尺寸，使用边距并让 Android 相应地缩放它。

您可以在此处阅读有关支持多种屏幕尺寸的更多信息。

编辑：

要使用不同的按钮/字体大小和边距，您应该使用dimens.xml.

res/values-hdpi/dimens.xml
res/values-xhdpi/dimens.xml

示例dimens.xml：

<resources>
    <!-- Default screen margins, per the Android Design guidelines. -->
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
</resources>
于 2014-05-12T10:37:14.850 回答
2

使用线性布局作为主布局，并使用 weightSum 将其划分为第三部分或第四部分，由您决定如何划分它，然后使用其他子线性布局并将 weightSum 分配给总主布局中的每个子线性布局。管理子布局中的 UI 小部件。这是下面的示例

于 2016-08-03T07:32:40.540 回答
1

您应该使用约束布局。您可以在对象之间创建约束......并且应该使用“match_constraints”、“match_parent”、“wrap_content”作为大小......并且还可以使用边距......您可以学习如何使用 ConstraintLayout 构建响应式 UI

于 2018-03-22T13:55:31.453 回答