如何在Android中针对不同的分辨率使用不同的背景图片?

12

我正在为Android平板电脑做一个应用程序,它具有全图像背景,但是我不能使用9-patch,因此我需要让背景尽可能地接近窗口大小。

我已经尝试过:

我尝试使用drawable-ldpidrawable-mdpi等文件夹,但由于我希望图像适合窗口大小,所以效果不好。

现在我正在尝试使用drawable-wxxxdp文件夹,以获得尺寸与实际窗口大小相近的图像。

因此我有了这个文件夹结构(每个文件夹都有不同的图像,即:相同大小的图像在不同的文件夹中不同):

drawable-w800dp-mdpi // 800x600px image
drawable-w800dp-hdpi // 800x600px image
drawable-w1024dp-mdpi // 1024x600px image
drawable-w1024dp-hdpi // 1024x600px image
drawable-w1280dp-mdpi // 1280x800 image
drawable-w1280dp-hdpi // 1280x800 image
drawable-w1280dp-xhdpi // 1280x800 image

问题在于,当我在不同的平板电脑上测试应用程序时,它并不总是从预期的文件夹中获取图片

比如,在一个1280x800像素和160 dpis的平板电脑上,该平板电脑报告(使用DisplayMetrics)窗口大小为1280x752,它使用来自drawable-w1280dp-mdpi文件夹的1280x800像素的图像,并从图像的顶部和底部剪切了一点。但是,在一个1280x800像素和213 dpis的平板电脑上,该平板电脑报告了1280x736的窗口大小,它从drawable-w800dp-hdpi中获取图像...我希望从其他文件夹中获取图像,例如其中一个drawable-w1024dp文件夹,但不是那个文件夹...

另一方面,如果我尝试使用类似1024x600像素和160 dpis的模拟器配置进行测试,该模拟器报告了1024x552的窗口大小,它从drawable-w1024dp-hdpi文件夹获取图像,但它缩小并居中在屏幕上,因此我得到了图像周围非常大的边框

文件:

我正在使用的测试布局是:

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

    <ImageView
        android:id="@+id/appBackground"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="center"
        android:src="@drawable/background_image"
        tools:ignore="ContentDescription" />

</RelativeLayout>      

我的清单文件上有:

<uses-sdk
    android:minSdkVersion="13"
    android:targetSdkVersion="15" />

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

更新: 我的活动代码:

public class ScreenTest extends Activity {

   private int width;
   private int height;
   private int dpis;
   private String sdpis;

   @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // Ask for a full screen window
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
              WindowManager.LayoutParams.FLAG_FULLSCREEN);
        setContentView(R.layout.activity_screen_test);
  }

    /* (non-Javadoc)
    * @see android.app.Activity#onCreateView(java.lang.String, android.content.Context, android.util.AttributeSet)
    */
   @Override
   public View onCreateView(String name, Context context, AttributeSet attrs) {
      return super.onCreateView(name, context, attrs);
   }

   /* (non-Javadoc)
    * @see android.app.Activity#onStart()
    */
   @Override
   protected void onStart() {
      // TODO Auto-generated method stub
      super.onStart();
      // Get the info about the screen
      Display display = getWindowManager().getDefaultDisplay();
      width = display.getWidth();// size.x;
      height = display.getHeight();
      DisplayMetrics outMetrics = new DisplayMetrics();
      display.getMetrics(outMetrics);
      dpis = outMetrics.densityDpi;
      sdpis = "";

      switch (dpis) {
         case DisplayMetrics.DENSITY_DEFAULT:
               sdpis = "160";
               break;
         case DisplayMetrics.DENSITY_HIGH:
            sdpis = "240";
            break;
         case DisplayMetrics.DENSITY_LOW:
            sdpis = "120";
            break;
         case DisplayMetrics.DENSITY_XHIGH:
            sdpis = "320";
            break;
         default:
            sdpis +=dpis;
            break;
      }
      Log.d("DPIs", "dpis: " + dpis + " sdpis: " + sdpis + " width: " + width + " height: " + height);

   }

   @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_screen_test, menu);
        return true;
    }
}                 

概述:

所以我不知道应用程序将从哪个文件夹中获取图像,并且不知道它将对其进行何种操作(缩放、裁剪等)。

额外背景:

我已经检查了所有有关android-resoruces标签的问题,多次阅读了官方文档:

以及一些相关问题:

更新:修复文件夹名称中的拼写错误。


为什么不在你的JAVA代码中处理呢? - Guna
根据 @Guna 的要求,添加了活动代码。 - pconcepcion
2个回答

1
如果您想针对特定设备或在两个分辨率之间的所有设备进行定位,则需要先找到设备的宽度。就像这样:
Display display ; 
int width =0;
display = getWindowManager().getDefaultDisplay(); 
width = display.getWidth();

之后,您可以使用宽度条件创建if语句,并为不同的屏幕尺寸创建不同的布局。这种方法不是推荐的方法,但在某些情况下非常有效。
    if(width>=750)
      {
          setContentView(R.layout.screen_blue_heigh);
      }
   else if(width>=500&&width<750)
      {
          setContentView(R.layout.screen_blue_heigh);
      }
   else if(width<500&&width>=330)
      {
              setContentView(R.layout.screen_blue_medium);
      }
   else if(width<320)
       {
          setContentView(R.layout.screen_blue_low);
       }

希望这能对你有所帮助。

1

你说得对,它会从w800dp中获取资源,因为你正在纵向模式下运行。

当屏幕方向在横向和纵向之间切换时,系统相应的宽度值会改变,以反映当前可用于UI的实际宽度。

使用res/drawable-sw600dp

设备的smallestWidth在屏幕方向更改时不会改变。


该应用正在横屏模式下运行。 - pconcepcion

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