CN106648700A - Display method and device compatible with different resolution ratios - Google Patents

Abstract

The invention discloses a display method and device compatible with different resolution ratios. The display method compatible with different resolution ratios includes the steps that the resolution ratio of a current display device is obtained; according to the obtained resolution ratio of the current display device, target layout parameters corresponding to the resolution ratio of the current display device in a layout configuration file are read; according to the obtained target layout parameters, a page layout is displayed on the current device. By means of the method, page layouts of the display device under different resolution ratios are achieved.

Description

Compatible with display methods and devices with different resolutions

technical field

The invention relates to the technical field of television, in particular to a display method and device compatible with different resolutions.

Background technique

Generally, in the development of smart TV application projects, companies will derive multiple projects of different sizes and resolutions based on a basic core. Therefore, when developing an android TV application, it must be considered that the design is compatible with all resolutions and sizes. However, for the Android adaptive compatibility solution provided by Google, developers must design different interface layout files for different resolutions, and load different pictures in each resolution, which not only invisibly increases the workload of development, but also ultimately results in Too many will cause the final output application installation package to be too large, which conflicts with the low cost and low memory of the TV, which is not conducive to development needs. Therefore, developing a system that is compatible with layouts of different resolutions, can reduce the development workload, and can reduce the memory occupied by the system has become a technical problem that needs to be solved at present.

Contents of the invention

The main purpose of the present invention is to provide a display method and device compatible with different resolutions, aiming at realizing page display compatible with different resolutions.

In order to achieve the above purpose, a display method compatible with different resolutions provided by the present invention includes the following steps:

Get the resolution of the current display device;

Read the target layout parameters corresponding to the resolution of the current display device in the layout configuration file according to the acquired resolution of the current display device;

Display the page layout on the current device according to the obtained target layout parameters.

Preferably, the layout configuration file is a file in Xml format.

Preferably, the step of reading target layout parameters corresponding to the resolution of the current display device in the layout configuration file according to the acquired resolution of the current display device includes:

Judging whether the acquired resolution of the current display device exists in the layout configuration file corresponding to the resolution in the layout configuration file;

If it exists, read the target layout parameters corresponding to the resolution of the current display device in the layout configuration file;

If it does not exist, get the default target layout parameters in the preset layout file.

Preferably, the layout unit in the corresponding target layout parameter in the layout configuration file is px.

Preferably, before the step of reading the target parameter information corresponding to the resolution of the current display device in the Xml file according to the acquired resolution of the current display device, the step further includes:

Write layout parameters for common resolutions in the display device in the layout configuration file.

In addition, in order to achieve the above object, the present invention also provides a display device compatible with different resolutions, and the display device compatible with different resolutions includes:

The acquisition module is used to acquire the resolution of the current display device;

A reading module, configured to read target layout parameters corresponding to the resolution of the current display device in the layout configuration file according to the acquired resolution of the current display device;

The display module is used to display the page layout on the current device according to the acquired target layout parameters.

Preferably, the layout configuration file is a file in Xml format.

Preferably, the reading module includes:

A judging unit, configured to judge whether the acquired resolution of the current display device exists in the layout configuration file corresponding to the resolution in the layout configuration file;

The reading unit is used to read target layout parameters corresponding to the resolution of the current display device in the layout configuration file when there is a layout configuration file corresponding to the current display device in the layout configuration file;

The obtaining unit is used to obtain default target layout parameters in a preset layout file when there is no layout configuration file corresponding to the current display device in the layout configuration file.

Preferably, the layout unit in the corresponding target layout parameter in the layout configuration file is px.

Preferably, the display device compatible with different resolutions further includes:

The write module is used to write the layout parameters of common resolutions in the display device in the layout configuration file.

The present invention obtains the resolution of the current display device; reads the target layout parameters corresponding to the resolution of the current display device in the layout configuration file according to the obtained resolution of the current display device; The page layout is displayed on the device. By adopting the method of the invention, page layouts under different resolutions of display devices are realized.

Description of drawings

FIG. 1 is a schematic flowchart of a first embodiment of a display method compatible with different resolutions according to the present invention;

FIG. 2 is a schematic flowchart of a second embodiment of a display method compatible with different resolutions according to the present invention;

3 is a schematic diagram of the functional modules of the first embodiment of the display device compatible with different resolutions of the present invention;

FIG. 4 is a schematic diagram of detailed functional modules of the reading module of the second embodiment of the display device compatible with different resolutions according to the present invention.

The realization of the purpose of the present invention, functional characteristics and advantages will be further described in conjunction with the embodiments and with reference to the accompanying drawings.

detailed description

It should be understood that the specific embodiments described here are only used to explain the present invention, not to limit the present invention.

The present invention provides a display method compatible with different resolutions. Referring to FIG. 1, in one embodiment, the display method compatible with different resolutions includes:

Step S10, acquiring the resolution of the current display device;

Before introducing and illustrating in detail the solutions of display methods compatible with different resolutions provided by the embodiments of the present invention, several units that need to be used in each embodiment are introduced first.

Pixel unit (px): indicates the actual pixel value of the screen.

Layout size unit (dp): indicates the pixels on the screen that have nothing to do with the pixel density, regardless of the pixel density of the screen, 1 inch = 160dp.

Among them, the density indicates the number of pixels that can be displayed within the specified physical width and height range of the screen according to the pixel resolution. In the same area of width and height, a low-density display can display fewer pixels, while a high-density display can display more pixels. Screen density is very important, because other conditions remain unchanged, a UI component with a fixed width and height (such as a button) appears large on a low-density display, and looks small on a high-density display ( when the unit is dp).

In this embodiment, by acquiring the resolution of the current display device, a layout method matching the resolution of the current display device is selected. Wherein, the layout unit in the Xml file adopts px. In the case of the same resolution and different densities, the layout is set to a fixed value: when the layout setting unit is px, as long as the resolution remains unchanged, the density ratio change has no effect on the display. If the unit is set to dp and the resolution remains unchanged, the display will be enlarged or reduced by 1.5 times as the density ratio changes. Therefore, the layout unit in the Xml file mentioned in this application adopts px.

See the following program code for details:

DisplayMetrics metric = new DisplayMetrics();

getWindowManager().getDefaultDisplay().getMetrics(metric);

int width=metric.widthPixels;//screen width (pixels)

int height=metric.heightPixels;//screen height (pixels)

Step S20, read target layout parameters corresponding to the resolution of the current display device in the layout configuration file according to the acquired resolution of the current display device;

In this embodiment, the layout parameters of common resolutions of display devices are pre-written in the layout configuration file, wherein the common resolutions are 1280x720, 1920x1080, 3840x2160 and so on. Wherein, the arrangement configuration file is a file in Xml format. Corresponding to different resolutions, the Xml file stores layout parameters corresponding to different resolutions, and the layout parameters include image size, text size and file layout displayed in the file. In this embodiment, the corresponding layout parameters are written in the Xml file in advance, mainly because the layout parameters are written in the Xml, and these parameters can be changed. If it needs to be changed, only the configuration file needs to be changed. But if you set the fixed layout parameters directly in the code, if you need to change it, you need to change the entire code, which will bring trouble to the layout of the system. The layout parameters mentioned therein include the size of the picture in the page display, the size of the text, the size of the control and so on.

See the following program code for details:

switch(height){

case 720:

mLayout = new LinearLayout(this)

mLayout.setLayoutParams(new LayoutParams)(140,120));

mLayout.setGravity(Gravity.RIGHT);

mLayout.SetBackgroundColour(0xff00ff00);

break;

case 1080;

mLayout = new LinearLayout(this)

mLayout.setLayoutParams(new LayoutParams)(210,180));

mLayout.setGravity(Gravity.RIGHT);

mLayout.SetBackgroundColour(0xff00ff00);

break;

case 2160;

mLayout = new LinearLayout(this)

mLayout.setLayoutParams(new LayoutParams)(420,360);

mLayout.setGravity(Gravity.RIGHT);

mLayout.SetBackgroundColour(0xff00ff00);

break;

default:

break;

}

pareat layout. addview(mLayout)

}

Step S30, displaying the page layout on the current device according to the acquired target layout parameters;

In this embodiment, the page layout is displayed on the current display device according to the target layout parameters obtained in the Xml file.

In the embodiment of the present invention, by acquiring the resolution of the current display device; reading the target layout parameters corresponding to the resolution of the current display device in the layout configuration file according to the acquired resolution of the current display device; according to the acquired target layout parameters Displays the page layout on the current device. By adopting the method of this embodiment, page layouts of display devices with different resolutions can be realized.

Further, referring to FIG. 2, based on the first embodiment of the display method compatible with different resolutions of the present invention, in the second embodiment of the display method compatible with different resolutions of the present invention, the step S20 includes:

Step S21, judging whether the acquired resolution of the current display device exists in the target layout parameter corresponding to the resolution in the layout configuration file;

Step S22, if it exists, read the target layout parameters corresponding to the resolution of the current display device in the layout configuration file;

Step S23, if it does not exist, obtain the default target layout parameters from the preset layout file.

In this embodiment, if there is no parameter matching the resolution of the current display device in the Xml file in which the layout parameters of the resolution of the display device are written, the default target layout parameters are obtained in the preset layout file . Since the current TV monitors, mobile phone screens, or computer screens all have corresponding screen size standards, and several standard resolutions are set correspondingly, so the layout corresponding to several common resolutions is written in the Xml file parameters, but there is no matching resolution in Xml, it means that the resolution of the current display device is not common, then at this time, obtain the default layout parameters in the default layout file in the system.

This embodiment assigns layout parameters of different resolutions by judging whether the resolution of the current display device is a common resolution, or whether it exists in the Xml file; if there is no corresponding resolution parameter in the Xml file, then Get the default target layout parameters in the default layout file. In this way, the display is divided into standard and non-standard, unified management, and convenient application.

The present invention provides a display device compatible with different resolutions. Referring to FIG. 3, in one embodiment, the display device compatible with different resolutions includes:

An acquisition module 10, configured to acquire the resolution of the current display device;

Before introducing and illustrating in detail the solutions of display methods compatible with different resolutions provided by the embodiments of the present invention, several units that need to be used in each embodiment are introduced first.

Pixel unit (px): indicates the actual pixel value of the screen.

Layout size unit (dp): indicates the pixels on the screen that have nothing to do with the pixel density, regardless of the pixel density of the screen, 1 inch = 160dp.

Among them, the density indicates the number of pixels that can be displayed within the specified physical width and height range of the screen according to the pixel resolution. In the same area of width and height, a low-density display can display fewer pixels, while a high-density display can display more pixels. Screen density is very important, because other conditions remain unchanged, a UI component with a fixed width and height (such as a button) appears large on a low-density display, and looks small on a high-density display ( when the unit is dp).

In this embodiment, by acquiring the resolution of the current display device, a layout method matching the resolution of the current display device is selected. Wherein, the layout unit in the Xml file adopts px. In the case of the same resolution and different densities, the layout is set to a fixed value: when the layout setting unit is px, as long as the resolution remains unchanged, the density ratio change has no effect on the display. If the unit is set to dp and the resolution remains unchanged, the display will be enlarged or reduced by 1.5 times as the density ratio changes. Therefore, the layout unit in the Xml file mentioned in this application adopts px.

See the following program code for details:

DisplayMetrics metric = new DisplayMetrics();

getWindowManager().getDefaultDisplay().getMetrics(metric);

int width=metric.widthPixels;//screen width (pixels)

int height=metric.heightPixels;//screen height (pixels)

The reading module 20 is configured to read target layout parameters corresponding to the resolution of the current display device in the layout configuration file according to the acquired resolution of the current display device;

In this embodiment, the common resolution layout parameters of the display device are written in the Xml file in advance, wherein the common resolutions are 1280x720, 1920x1080, 3840x2160 and so on. Wherein, the arrangement configuration file is a file in Xml format. Corresponding to different resolutions, the Xml file stores layout parameters corresponding to different resolutions, and the layout parameters include image size, text size and file layout displayed in the file. In this embodiment, the corresponding layout parameters are written in the Xml file in advance, mainly because the layout parameters are written in the Xml, and these parameters can be changed. If it needs to be changed, only the configuration file needs to be changed. But if you set the fixed layout parameters directly in the code, if you need to change it, you need to change the entire code, which will bring trouble to the layout of the system. The layout parameters mentioned therein include the size of the picture in the page display, the size of the text, the size of the control and so on.

See the following program code for details:

switch(height){

case 720:

mLayout = new LinearLayout(this)

mLayout.setLayoutParams(new LayoutParams)(140,120));

mLayout.setGravity(Gravity.RIGHT);

mLayout.SetBackgroundColour(0xff00ff00);

break;

case 1080;

mLayout = new LinearLayout(this)

mLayout.setLayoutParams(new LayoutParams)(210,180));

mLayout.setGravity(Gravity.RIGHT);

mLayout.SetBackgroundColour(0xff00ff00);

break;

case 2160;

mLayout = new LinearLayout(this)

mLayout.setLayoutParams(new LayoutParams)(420,360);

mLayout.setGravity(Gravity.RIGHT);

mLayout.SetBackgroundColour(0xff00ff00);

break;

default:

break;

}

pareat layout. addview(mLayout)

}

A display module 30, configured to display the page layout on the current device according to the acquired target layout parameters;

In this embodiment, the page layout is displayed on the current display device according to the target layout parameters acquired in Xml.

The embodiment of the present invention acquires the resolution of the current display device; reads the target layout parameters corresponding to the resolution of the current display device in the Xml file according to the acquired resolution of the current display device; according to the acquired target layout parameters in Displays the page layout on the current device. By adopting the method of this embodiment, the layout of display devices with different resolutions can be realized.

Further, referring to FIG. 4 , based on the first embodiment of the display device compatible with different resolutions of the present invention, in the second embodiment of the display device compatible with different resolutions of the present invention, the reading module 20 includes:

A judging unit 21, configured to judge whether the acquired resolution of the current display device exists in the layout configuration file in the target layout parameter corresponding to the resolution;

The reading unit 22 is configured to read target layout parameters corresponding to the resolution of the current display device in the layout configuration file when there is a layout configuration file corresponding to the current display device in the layout configuration file;

The obtaining unit 23 is configured to obtain default target layout parameters from a preset layout file when there is no layout configuration file corresponding to the current display device in the layout configuration file.

In this embodiment, if there is no parameter matching the resolution of the current display device in the Xml file in which the layout parameters of the resolution of the display device are written, the default target layout parameters are obtained in the preset layout file . Since the current TV monitors, mobile phone screens, or computer screens all have corresponding screen size standards, and several standard resolutions are set correspondingly, so the layout corresponding to several common resolutions is written in the Xml file parameters, but there is no matching resolution in the Xml file, it means that the resolution of the current display device is not common, then at this time, obtain the default layout parameters in the default layout file in the system.

This embodiment assigns layout parameters of different resolutions by judging whether the resolution of the current display device is a common resolution, or whether it exists in the Xml file; if there is no corresponding resolution parameter in the Xml file, then Get the default target layout parameters in the default layout file. In this way, the display is divided into standard and non-standard, unified management, and convenient application.

The above are only preferred embodiments of the present invention, and are not intended to limit the patent scope of the present invention. Any equivalent structure or equivalent process transformation made by using the description of the present invention and the contents of the accompanying drawings, or directly or indirectly used in other related technical fields , are all included in the scope of patent protection of the present invention in the same way.

Claims (10)

1. a kind of display methods of compatible different resolution, it is characterised in that the display methods bag of the compatible different resolution Include following steps：

Obtain the resolution ratio of current display setup；

According to the resolution ratio of the current display setup for getting read layout configuration file in corresponding current display setup point The corresponding target layout parameter of resolution；

Target layout parameter according to getting shows page layout on current device.

2. the display methods of compatibility different resolution as claimed in claim 1, it is characterised in that the layout configuration file is The file of Xml forms.

3. the display methods of compatibility different resolution as claimed in claim 2, it is characterised in that what the basis got works as The resolution ratio of front display device reads the corresponding target layout of resolution ratio of corresponding current display setup in layout configuration file The step of parameter, includes：

The resolution ratio of the current display setup that judgement gets is corresponding with the presence or absence of the resolution ratio in layout configuration file Layout configuration file；

If existing, the corresponding target layout parameter of resolution ratio of corresponding current display setup in layout configuration file is read；

If not existing, the target layout parameter of acquiescence is obtained in default topology file.

4. the display methods of compatibility different resolution as claimed in claim 2, it is characterised in that in the layout configuration file Layout unit in corresponding target layout parameter is px.

5. the display methods of compatibility different resolution as claimed in claim 2, it is characterised in that what the basis got works as The resolution ratio of front display device reads the corresponding target component of resolution ratio of corresponding current display setup in layout configuration file Also include before the step of information：

The layout parameter of common resolution ratio in display device is write in layout configuration file.

6. a kind of display device of compatible different resolution, it is characterised in that the display device bag of the compatible different resolution Include：

Acquisition module, for obtaining the resolution ratio of current display setup；

Read module, it is corresponding current in layout configuration file for being read according to the resolution ratio of the current display setup for getting The corresponding target layout parameter of resolution ratio of display device；

Display module, for page layout to be shown on current device according to the target layout parameter for getting.

7. the display device of compatibility different resolution as claimed in claim 6, it is characterised in that the layout configuration file is The file of Xml forms.

8. the display device of compatibility different resolution as claimed in claim 7, it is characterised in that the read module includes：

Judging unit, for judging that the resolution ratio of the current display setup for getting whether there is in institute in layout configuration file State the corresponding layout configuration file of resolution ratio；

Reading unit, for when there is the corresponding layout configuration file of current display setup in layout configuration file, then reading The corresponding target layout parameter of the resolution ratio of corresponding current display setup in layout configuration file；

Acquiring unit, for when there is no the corresponding layout configuration file of current display setup in layout configuration file, then existing The target layout parameter of acquiescence is obtained in default topology file.

9. the display device of compatibility different resolution as claimed in claim 7, it is characterised in that in the layout configuration file Layout unit in corresponding target layout parameter is px.

10. the display device of compatibility different resolution as claimed in claim 7, it is characterised in that described compatible different to differentiate The display device of rate also includes：

Writing module, for the layout parameter for writing common resolution ratio in display device in layout configuration file.