Open Source Summer | How OpenHarmony Query Device Type (eTS)

Query device type during app development.

• 通过jsInterface query to specify system parameters（const.build.characteristics）to determine the device type,详见
  系统属性
  .

// @ts-nocheck

import parameter from '@ohos.systemParameter'

@Entry
@Component
struct GetDeviceTypeSample {
 @State deviceType: string = 'unknown';



 build() {
 Column() {
 Text("获取设备类型").fontSize(24)
 Text(this.deviceType).fontSize(24).onClick(()=>{
 try {
 this.deviceType = parameter.getSync("const.build.characteristics");
 } catch(e) {
 console.log("getSync unexpected error: " + e);
 }

 })
 }
 .width('100%')
 .height('100%')
 }
}


通过deviceInfo查询设备类型,deviceInfoPlease refer to the meaning of each field in

设备信息

.

// @ts-nocheck
/*
 * Copyright (c) 2021 JianGuo Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import parameter from '@ohos.systemParameter'

@Entry
@Component
struct GetDeviceTypeSample {
 @State deviceType: string = 'unknown';



 build() {
 Column() {
 Text("获取设备类型").fontSize(24)
 //通过jsInterface query to specify system parameters（const.build.characteristics）to determine the device type
 Text(this.deviceType).fontSize(24).onClick(()=>{
 try {
 this.deviceType = parameter.getSync("const.build.characteristics");
 } catch(e) {
 console.log("getSync unexpected error: " + e);
 }

 })
 //通过deviceInfo查询设备类型
 Text(this.deviceType).fontSize(24).onClick(()=>{
 try {
 this.deviceType= deviceInfo.deviceType;
 } catch(e) {
 console.log("getSync unexpected error: " + e);
 }

 })
 //通过displayQuery the properties of the display device（Including screen width、high and screen density, etc.）
 Text(this.deviceType).fontSize(24).onClick(()=>{
 display.getDefaultDisplay()
 .then((displayInfo) => {
 console.info('Display width: '+ displayInfo.width);
 console.info('Display height: '+ displayInfo.height);
 console.info('Display density: '+ displayInfo.densityDPI);
 })
 .catch((error) => {
 console.error('Failed to obtain the default display size. Cause: '+JSON.stringify(error));
 })

 })
 }
 .width('100%')
 .height('100%')
 }
}


How to query the screen/窗口尺寸

在应用开发过程中,For better display on different devices,The developer may need to query the screen size or application display window size.

• 通过displayQuery the properties of the display device（Including screen width、high and screen density, etc.）,详见
  屏幕属性
  .

// @ts-nocheck
/*
 * Copyright (c) 2021 JianGuo Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import deviceInfo from'@ohos.deviceInfo'
import parameter from '@ohos.systemParameter'
import display from '@ohos.display';

@Entry
@Component
struct GetDeviceTypeSample {
 @State deviceType: string = 'deviceType';
 @State device: string = 'device';
 @State displayInfo: string = 'displayInfo';

 aboutToAppear() {
 try {
 this.deviceType = parameter.getSync("const.build.characteristics");
 } catch(e) {
 console.log("getSync unexpected error: " + e);
 }
 }
 build() {
 Column() {
 Text("设备属性").fontSize(36)
 //通过jsInterface query to specify system parameters（const.build.characteristics）to determine the device type
 Text(this.deviceType).fontSize(28).onClick(() => {
 try {
 this.deviceType = parameter.getSync("const.build.characteristics");
 console.log("坚果"
 +
 this.deviceType);
 } catch (e) {
 console.log("getSync unexpected error: " + e);
 }

 })
 //通过deviceInfo查询设备类型
 Text( this.device).fontSize(28).onClick(() => {
 this.device= deviceInfo.deviceType;
 })
 //通过displayQuery the properties of the display device（Including screen width、high and screen density, etc.）
 Text(this.displayInfo).fontSize(28).onClick(() => {
 display.getDefaultDisplay()
 .then((displayInfo) => {
 console.info('Display width: ' + displayInfo.width);
 console.info('Display height: ' + displayInfo.height);
 console.info('Display density: ' + displayInfo.densityDPI);
 this.displayInfo=JSON.stringify(displayInfo);
 console.info('Display density: ' + JSON.stringify(displayInfo));

 })
 .catch((error) => {
 console.error('Failed to obtain the default display size. Cause: ' + JSON.stringify(error));
 })

 })
 }
 .width('100%')
 .height('100%').justifyContent(FlexAlign.Center).alignItems(HorizontalAlign.Center)
 }
}


运行之后,在控制台打印

{"alive":true,"densityDPI":560,"densityPixels":3.5,"height":2560,"id":0,"name":"内置屏幕","refreshRate":60.000004,"rotation":0,"scaledDensity":3.5,"state":2,"width":1440,"xDPI":560,"yDPI":560}


Below is the description of the parameters

Display

描述display对象的属性.

系统能力：

 The system capabilities corresponding to the following are SystemCapability.WindowManager.WindowManager.Core.

屏幕属性

https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/key-features/multi-device-app-dev/faqs.md#/openharmony/docs/blob/master/zh-cn/application-dev/ability/stage-ability.md