out with a row of cellsRepresenting the various screen sizes available on the Android platform.
Small
Normal
Large
Xlarge
Now just color in the chart such that each color represents an APK. Here's one example of how you might apply each APK to a certain range of screen
Article Description: Client Interaction Design fit-screen size.
Almost all Internet applications are migrating to mobile phones as the application platform for each mobile OS is online. But unlike PCs, PCs have evolved over the years, in the design formed a lot of unwritten rules, such as the width of the Web page is around 960px "of course, as the overall computer screen to large size and high
Since the advent of the iPhone 6 and iPhone 6 plus, the iPhone needs to adapt to four screen sizes, and screen adaptation has become the most important question for developers.
IPhone 4, iPhone 4S, resolution 960*640, Aspect Ratio 1.5
IPhone 5, iPhone 5S, resolution 11
accurate. In Qt, There is only DPI, so let's just talk about it.
The larger the value, the larger the pixel density, the larger the screen size can have a large resolution. For example, for some Android phones, the 3.7 inch screen can provide a resolution of 960x540, while for some phones, the 5 inch
Android is a device that runs on a variety of different screen sizes and densities.The Android system provides a unified development environment across devices and handles most of the work to adjust the screen of each application's user interface to display on it. At the same time, the system provides APIs that allow you to control the UI-specific
Qt, There is only DPI, so let's just talk about it.
The larger the value, the larger the pixel density, the larger the screen size can have a large resolution. For example, for some Android phones, the 3.7 inch screen can provide a resolution of 960x540, while for some phones, the 5 inch
can have a large resolution. For example, some Android phones, 3.7-inch screen can provide 960x540 resolution, while some phones, 5-inch screen provides 800x480 resolution. These two different screen
This article summarizes and explains some solutions and knowledge for mobile H5 HD and multi-screen adaptation. Before the front-end development, visual MM will give us a psd file called the visual draft. For mobile development, in order to achieve the page HD effect, the specifications of visual drafts often follow the following two points :......,.
Background
Develop mobile terminal H5 page
Mobile phones with different resolutions
Mobile phones of
corresponds to 2 pixels. iphone 6/6s machine with Retina screen, coordinates 375*667, screen pixels x 1334, they The relationship between the 1:2 relationships. That is, a coordinate corresponds to 2 pixels. iphone 6 plus/6s plus machine with Retina screen, coordinates 414*736, screen pixel 108 0 x 192
presented at a specific resolution, but as more resolutions are compatible, the cost is higher because individual code needs to be written for each resolution. Here's a simple example:(3) Reasonable compromiseThe vast majority of Android devices are high density, part of the density of the features, we can use a compromise solution: we have 480px wide design manuscript to restore, but the page is made of 3
With the increase in Apple products and the increasing number of screen sizes, how do we make our app adapt to different types of apple screen sizes when writing programs?When Apple gave a solution, a point concept was proposed. A point in 3gs corresponds to one pixel, and a point in 4 (s) corresponds to two pixels. In
better use two sets of resource images as much as possible;
Question 2: When visual design is based on the interaction prototype, you can consider the mdpi, that is, the 320x133 blueprint for design, because Android generally uses DP as the unit, in our design, PX is usually the unit, which involves a unit conversion problem. In mdpi, the relationship between PX and DP is, in this way, the unit conversion can be easily performed when the coordinates are marked. For example, if we use 320x133
New UI-get cell phone screen size and resolution, screen adaptation, horizontal and vertical screen problems, ui-screen size
New UI-screen size of mobile phones and common resolutions, screen
supported by hardware, and the logical resolution is what the software can achieve.Let's take a look at the size resolution table for the iOS client:Physical size refers to the actual size of the screen. Large screens must also be equipped with high resolution, that is, how many pixels can be displayed in this size, a
WQVGA400 (240x400) WQVGA432 (240x432)
HVGA (320x480)
WVGA800 (480x800) WVGA854 (480x854)
Large screen
WVGA800 * (480x800) WVGA854 * (480x854)
Table 1
3.3 mobile phone size distribution (http://developer.android.com/resources/dashboard/screens.html) 3 shows, the current is mainly to the resolution of 800*480 and 854*480 mobile phone users mostly
Figure 3
From the above
New ui-get phone screen size and common resolution, screen adaptation, the problem of the portrait and the screen--Reprint Please indicate source: Coder-pig, welcome reprint, do not use for commercial use!Piglet Android Development Exchange Group has been established, welcome everyone to join, both novice, rookie, Big
Vmwarevm screen size (screen resolution) adjustment 1. After the Linux Virtual Machine screen resolution in VMware is adjusted, install and modify the Linux resolution command line to install the Linux Virtual Machine in VMware, t
1366x768.
So how much does the laptop screen resolution fit?
The current size of the notebook is mostly 13.3 inches, 14 inches and 15.6 inches of three relatively fixed sizes, while most notebooks currently have the highest resolution of 1366x768. We know that the higher the notebook
://developer.android.com/resources/dashboard/screens.html) 3 shows, the current is mainly to the resolution of 800*480 and 854*480 mobile phone users mostly
Figure 3
From the above screen size distribution, we can only consider mobile phones with a density of 1 and 1.5 between 3-inches.
4. uidesign
From the perspective of development, the application provides three sets of UI layout files based on the
androidmainfest:
Android: smallscreens = "true"
Android: normalscreens = "true"
Android: largescreens = "true"
Android: xlargescreens = "true"
Android: anydensity = "true"/>
If you do not have these lines of code, no matter how you adjust the controls in layout, the phone with the corresponding resolution has no effect. Note: Because different Android versions do not support xlargescreens, you can remove Android: xlargescreens = "true" directly.
Te
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.