Today's mobile phone brands and models are more and more, resulting in our usual writing layout in a different mobile devices will display different effects,
For example, our design draft a view size is 300px, if directly write 300px, may be in the current device display normal, but to other devices may be small or large, which requires us to match the screen.
Android native words have their own adaptation
similar?
3.4 inch is still small
The iPhone 4S is equipped with a 3.5 inch-inch display, which is an inch smaller than the display size of main competitors. What are the good things of the rumored 4 inch display? In short, this display screen is still smaller than the phone number of many competitors. Those vendors will still take over the heights. Why do we onl
Sizes of iPhone UI elements
Element
Size (in points)
Window (including status bar)
320x480 PTS
Status Bar(How to hide the status bar)
20 PTS
View inside Window(Visible status bar)
320x460
Navigation Bar
44 PTS
Nav bar image/Toolbar Image
Up to 20x20 PTS (transparent PNG)
Tab bar
49 PTS
Tab bar icon
Up to 30x30 P
The physical resolution and screen size of the iphoneUnderstanding the physical resolution and screen size of the iphone is essential in iOS development. Here's a list of the physical resolution and screen sizes of all
to support high-res displays; the coordinate system goes by points rather than pixels, And the dimensions in pointsThe screen and all UI elements remain the same.
IOS 4 supports High Resolution displays (like the iPhone 4 display) via the scale property on uiscreen, uiview, uiimage, and calayer classes.If the object is displaying high-res content, its scale property is set to 2.0. Otherwise it defaults to
:
The original iphone-no HD screen, the scale factor is 1.
IPhone 5-with HD screen, Scale factor is 2.
IPhone 6 Plus-Super Gaoqing (Retina display HD). The scale factor is 3, and the image is first rendered as 2208x1242 pixels and then reduced to 1920x1080 p
Strange shape of the small screen mobile phone all-powerful era is gone forever. In fact, industry trends in recent years have shown that large-screen handsets, or giant-screen handsets, will dominate for a long time. And now, it is time to sum up the past few years, the face of large screen mobile phones, the designer
Apple's chief designer: big screen mobile phones outside iPhone 6 are all "Dummies"
Although Apple launched the company's two largest mobile phones, iPhone 6 and iPhone 6 Plus, last month, its competitors launched big screen smartphones a few years ago. However, Jonatha
IPhone4 mediumHTML5 CanvasOptimizationRetinaThe screen is the content to be introduced in this article.IPhone4,RetinaScreen is widely used in mobile devices. AlthoughRetinaThe screen brings unprecedented clear and smooth effects to the display of the screen, but it brings some little trouble to developers. HowRetinaThere are many articles on designing the softwar
IPhone touch screen SimulationImplementationEventThe tutorial is the content introduced in this article. Let's take a look at the content first. Now I have another ideaIPhoneThe idea of assisting in debugging is, of course, nothing about control, that is, to make some assistance on the screen, the assisted party should also perform the same operation, due to the
When your project runs on the iphone x Simulator, does the following happen: Cannot full screen,, up and down appeared the Big Black Edge, by the previous in set up the Start page, the start page removed the appearance of the upper and lower black box, and then thought that as long as the iphone x set a corresponding launch page, it will achieve full-
Set the home screen icon
As you can see above, I think you will want to customize an icon. the IOS Web page icon is similar to the traditional web page favicon, and the processing method is similar. Below we will introduce several processing methods for you.
Place in default location
Create a PNG Image named apple-touch-icon.png or apple-touch-icon-precomposed.png and place it in the root directory of the website.
Icon path
Specify an icon p
Author: Sun Dongfeng)
In the previous series of articles, I explained iPhone multithreading, iPhone data persistence, and iPhone network communication BSD Socket. Next I will explain how to build a game engine from scratch.
According to official iPhone statistics, the App Store has the most game applications, which i
culture, is the third challenge which we must face.
Challenge 4: General Wap/app design principles for the applicability of Taobao (App/wap).
Mobile phone E-commerce is a special field, we face a huge amount of decision-making information and limited screen space between the contradictions, this is a common WAP Web site or app applications rarely face the grim situation. How to translate other products ' touch-
Blogger: Yi Feifei
Link: http://www.yifeiyang.net/iphone-developer-advanced-8-touch-screen-test-event/Reprinted text.IPhone development (8) --- screen touch Detection In this case, you can customize the touch event on the uiview. As an example, you can simply detect the touch event and display the current coordinates on the console.First, add a new file, such: In
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 iOS development, it is more convenient to point as a unit, as @1x in the following table
In the process of writing an iOS application. I have been using the iphone Retina (3.5-inch) simulator to test, everything shows normal, cut graphs such as the following:I use the pure Code implementation in the application development.The company provided a iphone4s, and I used it to test everything to show normal. The problem is that when I use the IPhone5 and iphone5s real machine tests, I find that my application is not covered on the
design guidelines from all mobile platforms
Apple iphone HMI Guide recommended minimum target size is 44px wide, 44px high. Microsoft's Windows Mobile user interface design and interactive design Guide recommends a minimum target size of 26px times 34px. Nokia's developer's Guide suggests that the target size should b
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.