Sencha Touch-设备配置文件

设备配置文件（Device Profile）是Sencha Touch中的一种配置文件，用于指定应用程序在不同设备上的表现方式。这些设备可以是手机、平板电脑等移动设备，也可以是PC等非移动设备。

配置文件的作用

设备配置文件可以根据设备的不同，自动加载相应的样式表和资源文件。不同设备之间的差异体现在一些物理属间，例如屏幕尺寸、像素密度、浏览器类型等。通过设备配置文件，可以根据这些属间的差异，自动调整相应的样式表和资源文件，使应用程序能够在不同设备上呈现出相应的效果。

此外，设备配置文件还可以在应用程序中使用设备API，例如摄像头、加速器等硬件特性。在不同设备上，硬件特性的支持情况也有所不同，通过设备配置文件，可以确保应用程序在各个设备上使用同样的API接口。

设备配置文件的结构

设备配置文件一般命名为 [name]-[profile].json ，其中 name 为应用程序的名称，profile 为设备类型，常见的设备类型包括以下几种：

• Phone：手机
• Tablet：平板电脑
• Desktop：PC

设备配置文件一般包括以下几个部分：

1. 风格配置

风格配置中定义了样式表和主题，以及一些与外观相关的属性。

{
    "name": "MyApp",
    "extend": "Ext.app.Profile",
    "views": [...],
    "controllers": [...],
    "profiles": {
        "Phone": {
            "style": "ios", // 样式表 iOS
            "tablet": false, // 是否支持平板电脑
            "phoneStartupScreen": "resources/startup/PhoneStartup.png",
            "icon": {
                "57": "resources/icons/Icon.png",
                ...
            }
        }
    }
}

2. 物理属性配置

物理属性配置中定义了设备的一些物理特性，例如屏幕尺寸、像素密度等。

{
    "name": "MyApp",
    "extend": "Ext.app.Profile",
    "views": [...],
    "controllers": [...],
    "profiles": {
        "Phone": {
            "style": "ios",
            "tablet": false,
            "phoneStartupScreen": "resources/startup/PhoneStartup.png",
            "icon": {...},
            "device": {
                "type": "iPhone", // 设备型号
                "phone": true, // 是否为手机
                "tablet": false, // 是否为平板电脑
                "screen": {
                    "width": 320, // 屏幕宽度
                    "height": 480, // 屏幕高度
                    "density": 2 // 像素密度
                }
            }
        }
    }
}

3. API配置

API配置中定义了应用程序所使用的设备API接口。

{
    "name": "MyApp",
    "extend": "Ext.app.Profile",
    "views": [...],
    "controllers": [...],
    "profiles": {
        "Phone": {
            "style": "ios",
            "tablet": false,
            "phoneStartupScreen": "resources/startup/PhoneStartup.png",
            "icon": {...},
            "device": {...},
            "launch": function(){
                // 针对 iPhone 执行特定操作
                if(Ext.os.is('iPhone')){
                    // Execute some custom code
                }
            },
            "requires": [
                "Ext.device.Camera",
                "Ext.device.Accelerometer"
            ]
        }
    }
}

结语

设备配置文件是一个非常有用的配置工具，可以提高应用程序的适应性和可扩展性。在使用Sencha Touch进行移动应用程序开发时，建议使用设备配置文件对应用程序的不同设备进行配置和调整，以获得更好的用户体验。