OPhone 2.0平台支持多种屏幕尺寸

2024-04-20 14:08
文章标签 多种 平台 支持 屏幕 尺寸 2.0 ophone

本文主要是介绍OPhone 2.0平台支持多种屏幕尺寸，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

转贴自:http://dev.10086.cn/cmdn/wiki/index.php?doc-view-2479.html#3

OPhone平台支持多种屏幕尺寸，目前已经发布的OPhone1.0和OPhone1.5平台上的主流终端，其屏幕尺寸主要是HVGA(480x320)和nHD(640x360)两种。而基于这两种分辨率的应用程序，在移植到OPhone2.0平台上时，由于主流终端屏幕分辨率为WVGA(800x480)，因此在移植过程中部分应用程序出现屏幕适配问题。本文的重点在于指导应用程序开发者在OPhone2.0平台上能够更好的对多种屏幕尺寸进行适配，达到良好的用户体验。

原理

OPhone平台将支持的屏幕尺寸和分辨率通过像素密度和屏幕大小两个纬度进行分类，开发人员只需要在编写程序的时候，准备相应分辨率的资源文件，分别放到drawable-hdpi、drawable-mdpi、drawable-ldpi文件夹，在应用程序运行的时候，系统会根据当前屏幕的像素密度和分辨率显示相应资源图片。

 * (120), ldpi中密度 (160), mdpi高密度 (240), hdpi
小屏幕QVGA (240x320), 2.6"-3.0" diagonal  
普通屏幕WQVGA (240x400), 3.2"-3.5" diagonal
FWQVGA (240x432), 3.5"-3.8" diagonal
HVGA (320x480), 3.0"-3.5" diagonalWVGA (480x800), 3.3"-4.0" diagonal
FWVGA (480x854), 3.5"-4.0" diagonal
大屏幕 WVGA (480x800), 4.8"-5.5" diagonal
FWVGA (480x854), 5.0"-5.8" diagonal
 

由上表可知，分辨率为WVGA(480x800)，屏幕尺寸为3.3’’-4.0’’所对应的资源文件为hdpi，而OPhone1.0和OPhone1.5平台上的主流终端的屏幕分辨率HVGA(320x480)所对应的资源文件为mdpi，这就出现了一个不一致性：OPhone1.0、OPhone1.5平台上的应用程序能否在不修改的情况下在OPhone2.0的主流终端上正常显示？好消息是，OPhone2.0平台提供的UI适配机制很好的解决了这一问题，我们在后面会做详细讨论这一机制。
   首先，我们通过下面的示例代码给大家展示OPhone2.0平台多屏幕尺寸支持机制。

2. 示例应用

2.1准备工作
    为了更好的展现OPhone2.0平台对于多屏幕尺寸的支持机制，在示例程序中要用到的资源文件左上角做了相应标记，如下：
 hdpi资源文件

（图）OPhone2.0多屏幕尺寸支持

（长：555）
mdpi资源文件

（图）OPhone2.0多屏幕尺寸支持

（长：480）

ldpi资源文件

（图）OPhone2.0多屏幕尺寸支持

（长：400）

2.2示例代码编写

关于如何在OPhone1.0和OPhone1.5平台上适配多屏幕尺寸，可以参考文技术文章：http://www.ophonesdn.com/article/show/42。
在OPhone2.0平台，原理的实质是类似的，不同的是OPhone2.0平台更加强大，大大减轻了程序员在应用开发过程中的精力耗费和适配难度。为了更好的展现这一机制，我们编写了两个Activity。
 第一个Activity
该Activity的Java文件命名为starttest.java，源代码如下：

Java代码
  1. package com.ophone.multiscreen;   
  2.   
  3. import android.app.Activity;   
  4. import android.content.Intent;     
  5. import android.os.Bundle;   
  6. import android.widget.Button;   
  7. import android.widget.TextView;   
  8. import android.view.View.OnClickListener;   
  9. import android.view.Display;   
  10. import android.view.View;   
  11. import android.view.WindowManager;   
  12.   
  13. public class starttest extends Activity implements OnClickListener {   
  14.     /** Called when the activity is first created. */  
  15.     @Override  
  16.     public void onCreate(Bundle savedInstanceState) {   
  17.         super.onCreate(savedInstanceState);   
  18.         setContentView(R.layout.main);   
  19.            
  20.         //get the screen width and height   
  21.         Display display = null;   
  22.         display = ((WindowManager)getSystemService(WINDOW_SERVICE)).getDefaultDisplay();   
  23.         int width = display.getWidth();   
  24.         int height = display.getHeight();   
  25.            
  26.         TextView ResultText = (TextView)findViewById(R.id.ResultText);     
  27.         ResultText.setText("The app is created for the mutiple screen display test. " + "/n"    
  28.                 + "Current resolution is " + width + "x" + height);     
  29.            
  30.         Button MutiScreenTest = (Button)findViewById(R.id.MutiScreenTest);    
  31.         MutiScreenTest.setOnClickListener(this);   
  32.             
  33.     }   
  34.        
  35.     public void onClick(View arg0) {     
  36.             if (arg0.getId() == R.id.MutiScreenTest) {     
  37.                   startTest();     
  38.                   }     
  39.            }     
  40.                 
  41.     private void startTest() {     
  42.          //Start another Activity by Intent     
  43.           Intent intent = new Intent (starttest.this, multiscreen.class);     
  44.            startActivity(intent);     
  45.           }     
  46. }   

该Activity的页面布局文件命名为main.xml，源代码如下：

XML/HTML代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     >  
  7. <TextView      
  8.     android:layout_height="wrap_content"      
  9.     android:layout_width="fill_parent"      
  10.     android:layout_below="@+id/ExitButton"      
  11.     android:id="@+id/ResultText"></TextView>     
  12. <Button      
  13.     android:layout_width="wrap_content"      
  14.     android:layout_height="wrap_content"       
  15.     android:id="@+id/MutiScreenTest"      
  16.     android:layout_below="@+id/BaseEdit"      
  17.     android:text="Press to begin Test" ></Button>    
  18. </LinearLayout>  

 第二个Activity
该Activity的java文件命名为multiscreen.java，源代码如下：

Java代码
  1. package com.ophone.multiscreen;   
  2.   
  3. import android.app.Activity;   
  4. import android.os.Bundle;   
  5.   
  6. public class multiscreen extends Activity {   
  7.     /** Called when the activity is first created. */  
  8.     @Override  
  9.     public void onCreate(Bundle savedInstanceState) {   
  10.         super.onCreate(savedInstanceState);   
  11.         setContentView(R.layout.multiscreendisplay);   
  12.     }   
  13. }   

该Activity的页面布局文件命名为multiscreendisplay.xml，源代码如下：

XML/HTML代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     >  
  7. <TextView     
  8.     android:layout_width="fill_parent"    
  9.     android:layout_height="wrap_content"  
  10.     android:orientation="vertical"  
  11.     android:background="@drawable/testpic"      
  12.     />  
  13. </LinearLayout>  

 AndroidManifest.xml
该工程的AndroidManifest.xml文件如下，供参考：

XML/HTML代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
  3.       package="com.ophone.multiscreen"  
  4.       android:versionCode="1"  
  5.       android:versionName="1.0">  
  6.     <application android:icon="@drawable/icon" android:label="@string/app_name">  
  7.         <activity android:name=".starttest"  
  8.                   android:label="@string/app_name">  
  9.             <intent-filter>  
  10.                 <action android:name="android.intent.action.MAIN" />  
  11.                 <category android:name="android.intent.category.LAUNCHER" />  
  12.             </intent-filter>  
  13.         </activity>  
  14.            
  15.         <activity android:name=".multiscreen"  
  16.                   android:label="@string/app_name">  
  17.         </activity>  
  18.   
  19.     </application>  
  20.     <uses-sdk android:minSdkVersion="7" />  
  21.   
  22. </manifest>    

2.3应用程序运行结果

示例代码编写完毕，需要在不同分辨率下进行验证：WVGA(800x480)、HVGA(480x320)、WQVGA(400x240)。
 WVGA(800x480)
模拟器启动命令为：
./emulator –avd ophone –dpi-device 240 –skin WVGA800 –wipe-data

在分辨率为WVGA(800x480)的运行结果如下：

（图）OPhone2.0多屏幕尺寸支持

               （图）OPhone2.0多屏幕尺寸支持

（图）OPhone2.0多屏幕尺寸支持

 HVGA(480x320)
模拟器启动命令为：
./emulator –avd ophone –dpi-device 160 –skin HVGA –wipe-data

在分辨率为HVGA(480x320)的运行结果如下：

（图）OPhone2.0多屏幕尺寸支持

               （图）OPhone2.0多屏幕尺寸支持

（图）OPhone2.0多屏幕尺寸支持

 WQVGA(400x240)
模拟器启动命令为：
./emulator –avd ophone –dpi-device 120 –skin WQVGA400 –wipe-data

在分辨率为WQVGA(400x240)的运行结果如下：

（图）OPhone2.0多屏幕尺寸支持        

                （图）OPhone2.0多屏幕尺寸支持

（图）OPhone2.0多屏幕尺寸支持

3. 跨平台适配


前文中提到，对于基于OPhone1.0和OPhone1.5平台上的应用程序，如果不进行代码修改，是否可以进行全屏适配？
我们先做个测试，如果删除drawable-hdpi里面的资源文件testpic.png，然后重新编译，在WVGA(800x480)分辨率下运行程序，得到：

（图）OPhone2.0多屏幕尺寸支持

             （图）OPhone2.0多屏幕尺寸支持

（图）OPhone2.0多屏幕尺寸支持

注意第二张图片，因为运行环境是WVGA和hdpi，由于drawable-hdpi里面相应的资源图片被删除，因此，系统就会去drawable-mdpi文件夹里找对应资源图片，拉伸后全屏显示，缺点是图片的清晰度降低。
    我们继续作试验，再把drawable-mdpi下的资源文件testpic.

 

png也删掉，然后同样编译，在WVGA(800x480)分辨率下运行，可以看到：

（图）OPhone2.0多屏幕尺寸支持

                （图）OPhone2.0多屏幕尺寸支持

（图）OPhone2.0多屏幕尺寸支持

注意第二张图片，因为运行环境依旧是WVGA(800x480)和hdpi，由于drawable-hdpi和drawable-mdpi里面相应的资源图片被删除，因此，系统会去drawable-ldpi文件夹里找对应资源图片，拉伸后全屏显示，这时的图片的清晰度更低。
由上面的测试我们可以知道，对于一般基于OPhone1.0和OPhone1.5平台开发的分辨率为HVGA(480x320)的应用程序而言，由于OPhone2.0平台提供的强大的多屏幕尺寸适配机制，可以无需修改直接在WVGA(800x480)分辨率的终端上全屏显示。但由于像素密度的差异，会造成图片的清晰度较差，使用户体验变差，因此建议应用程序开发者基于OPhone2.0平台对源代码做相应修改。

4. 总结


本文通过适配原理描述、示例代码编写和试验展示，给广大OPhone应用程序开发者提供了较为详细的多屏幕尺寸适配支持。
    这里需要再次强调的是，对于基于OPhone1.5平台开发的应用程序，如果应用开发者在之前的开发中遵循OPhone平台UI适配机制（http://www.ophonesdn.com/article/show/42），那么，该应用程序在通常情况下可以在OPhone2.0平台全屏适配，只不过会出现由于图片拉伸而造成页面清晰度稍差。
    同时，对于页面布局文件的修改，我们建议：
 在XML布局文件中，尽量使用wrap_content, fill_parent等；
 避免使用AbsoluteLayout；
 尽可能不要在代码中直接定义像素值；
 使用具有特定像素密度和分辨率的资源文件。
    文中的示例代码和试验展示的作用仅仅是为了阐述OPhone2.0平台的多屏幕尺寸适配机制，在实际开发中，尤其是复杂的游戏开发，由于涉及资源图片众多，还需要广大开发者依据自身情况做适当调整。

这篇关于OPhone 2.0平台支持多种屏幕尺寸的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/920464。

相关文章

Python实现图片分割的多种方法总结

Python实现图片分割的多种方法总结

《Python实现图片分割的多种方法总结》图片分割是图像处理中的一个重要任务,它的目标是将图像划分为多个区域或者对象,本文为大家整理了一些常用的分割方法,大家可以根据需求自行选择... 目录1. 基于传统图像处理的分割方法(1) 使用固定阈值分割图片(2) 自适应阈值分割(3) 使用图像边缘检测分割(4)
阅读更多...
Android实现两台手机屏幕共享和远程控制功能

Android实现两台手机屏幕共享和远程控制功能

《Android实现两台手机屏幕共享和远程控制功能》在远程协助、在线教学、技术支持等多种场景下,实时获得另一部移动设备的屏幕画面,并对其进行操作,具有极高的应用价值,本项目旨在实现两台Android手... 目录一、项目概述二、相关知识2.1 MediaProjection API2.2 Socket 网络
阅读更多...
深入理解Apache Kafka(分布式流处理平台)

深入理解Apache Kafka(分布式流处理平台)

《深入理解ApacheKafka(分布式流处理平台)》ApacheKafka作为现代分布式系统中的核心中间件,为构建高吞吐量、低延迟的数据管道提供了强大支持,本文将深入探讨Kafka的核心概念、架构... 目录引言一、Apache Kafka概述1.1 什么是Kafka？1.2 Kafka的核心概念二、Ka
阅读更多...
在Android平台上实现消息推送功能

在Android平台上实现消息推送功能

《在Android平台上实现消息推送功能》随着移动互联网应用的飞速发展,消息推送已成为移动应用中不可或缺的功能,在Android平台上,实现消息推送涉及到服务端的消息发送、客户端的消息接收、通知渠道（... 目录一、项目概述二、相关知识介绍2.1 消息推送的基本原理2.2 Firebase Cloud Me
阅读更多...
使用Python实现一键隐藏屏幕并锁定输入

使用Python实现一键隐藏屏幕并锁定输入

《使用Python实现一键隐藏屏幕并锁定输入》本文主要介绍了使用Python编写一个一键隐藏屏幕并锁定输入的黑科技程序,能够在指定热键触发后立即遮挡屏幕,并禁止一切键盘鼠标输入,这样就再也不用担心自己... 目录1. 概述2. 功能亮点3.代码实现4.使用方法5. 展示效果6. 代码优化与拓展7. 总结1.
阅读更多...
Java枚举类实现Key-Value映射的多种实现方式

Java枚举类实现Key-Value映射的多种实现方式

《Java枚举类实现Key-Value映射的多种实现方式》在Java开发中,枚举(Enum)是一种特殊的类,本文将详细介绍Java枚举类实现key-value映射的多种方式,有需要的小伙伴可以根据需要... 目录前言一、基础实现方式1.1 为枚举添加属性和构造方法二、http://www.cppcns.co
阅读更多...
SpringKafka消息发布之KafkaTemplate与事务支持功能

SpringKafka消息发布之KafkaTemplate与事务支持功能

《SpringKafka消息发布之KafkaTemplate与事务支持功能》通过本文介绍的基本用法、序列化选项、事务支持、错误处理和性能优化技术,开发者可以构建高效可靠的Kafka消息发布系统,事务支... 目录引言一、KafkaTemplate基础二、消息序列化三、事务支持机制四、错误处理与重试五、性能优
阅读更多...
Python+PyQt5实现多屏幕协同播放功能

Python+PyQt5实现多屏幕协同播放功能

《Python+PyQt5实现多屏幕协同播放功能》在现代会议展示、数字广告、展览展示等场景中,多屏幕协同播放已成为刚需,下面我们就来看看如何利用Python和PyQt5开发一套功能强大的跨屏播控系统吧... 目录一、项目概述：突破传统播放限制二、核心技术解析2.1 多屏管理机制2.2 播放引擎设计2.3 专
阅读更多...
Java 中实现异步的多种方式

Java 中实现异步的多种方式

《Java中实现异步的多种方式》文章介绍了Java中实现异步处理的几种常见方式,每种方式都有其特点和适用场景,通过选择合适的异步处理方式,可以提高程序的性能和可维护性,感兴趣的朋友一起看看吧... 目录1. 线程池（ExecutorService）2. CompletableFuture3. ForkJoi
阅读更多...
mss32.dll文件丢失怎么办? 电脑提示mss32.dll丢失的多种修复方法

mss32.dll文件丢失怎么办? 电脑提示mss32.dll丢失的多种修复方法

《mss32.dll文件丢失怎么办?电脑提示mss32.dll丢失的多种修复方法》最近，很多电脑用户可能遇到了mss32.dll文件丢失的问题，导致一些应用程序无法正常启动,那么，如何修复这个问题呢... 在电脑常年累月的使用过程中，偶尔会遇到一些问题令人头疼。像是某个程序尝试运行时，系统突然弹出一个错误提
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2