React Native iPhone simulator looks pixelated - xcode

I upgraded my XCode just now to 7.x from 6.x, and my simulator looks really pixelated and has poor anti-aliasing.
I used to leave the scale at 0.5, which looks fine, but that now takes up way too much space. When I lower it to 0.33, it looks bad:
You can see the font isn't smooth, the way it should be. It looks worse when you get into my app.
What happened?

Use iPhone 6 Simulator instead of 6 Plus.

You might want to turn off "Optimize Rendering for Window Scale" in the Debug menu. Performance will be worse, but the quality should return to what you are used to.

Related

SwiftUI preview running in low resolution

I am testing out SwiftUI, but my Xcode preview runs in a very low resolution compared to the Simulator app, which makes it quite hard to do some "pixel-perfect" designs.
See how it looks in this screenshot
This happens on all zoom levels. Anybody else experiencing this?
Cheers,
Massimo
You can just press "Play" button.

Metal app on macOS lags when for example using the menu

I'm playing around with Metal and MetalKit on macOS. It works fine for the most part, but in everything I've built so far the rendering will lag for a brief moment when I do things in the menu bar or hover my mouse over the dock. It's kind of annoying.
The easiest way to reproduce this effect is by trying Apple's own 'Device Selection and Fallback for Graphics Rendering' Sample. I've observed the issue on macOS 10.13 and 10.14.
Does anyone have an idea how to fix this issue?
Core Animation won't lag like that, but it's not suitable for what I would like to do. I believe it's built on top of Metal these days though, making me believe that it should be possible to get rid of the lag.

XCode6 Autoresizing

I always tested my iOS app with (written in swift) with iPhone 6 simulator. Now I realized, that it does not automatically resize in other simulators like iPad (layout is small in the left edge) or iPhone 4s (layout is too big and cutted). I tried disabling Auto-Layout but even when I enable it again it doesn't work. What is the best way to make it resize ?
Designing for multiple screen sizes is a fundamental part of the development process and therefore you can't enable auto-layout and expect it to work the way you want.
You know that the iPhone 4S has much less screen space than the iPhone 6 Plus, so at a minimum you need to add Auto Layout constraints to your views so that they scale and position appropriately. Sometimes you might want to change or move entire UI elements for compact and regular screen sizes.
See the Apple Auto Layout guide for examples.

iPad incorrect rendering of Objects

We just set up a whole bunch of development MacBooks in our office. We all set up the computers exactly the same as far as I can tell (just installing xcode and not changing any settings). We even distributed the exact same xcode project to everyone to test whether or not everyone was set up correctly. For some reason though, my iPad simulator incorrectly renders the positions of Objects on the UIView controller.
I can make a really basic application and slap down a UIView controller with the storyboard editor in xcode 4.3.1 (newest version ATM), and add a button to it. When I run this on the simulator, it will look fine on the iPhone one, but when I try to view it in the iPad, it seems that some elements will scale to the iPad resolution fine, but others will not. The components that do not, seem to be in the place that they would be if they had been rendered on the iPhone.
The weirdest part of this problem is that I can't find anyone online who has had this same issue. I have already tried deleting and re-installing xcode and the same thing still happens. I fear I might have to re-install the OS and start from scratch.
How it looks on the iPhone simulator:
And on the iPad simulator:
I don't think that's an SDK issue, I bet that you are writing code that fits for the iPhone screen and not for the larger iPad screen.
I think that you added just the button and is Autoresizing Mask is not set properly.
I've done some measurement an it seems that:
The distance from the top of the view is in fixed (~360px);
The width is fixed (~260px);
You need to give the button a fixed distance from the bottom (as it should stay on under the plot) and remove the left fixed margin so it can be centered.
You need to take a look at the UIViewAutoresizingMask for the UIView's autoresizingMask property.
button.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin;

Webapp on iPad 3 retina display slow screen painting

I have a webapp for iPod touch and iPad. Works like a charm on iPad 1 and iPad 2. Now I have tested on a new iPad (iPad 3, iPad HD whatever name to be used) and I see that the painting of the screen is slow. I can see kind of blocks being painted one by one.
Anyone knows how I can get the painting of the screen faster than iPad 1 and 2 instead of slower ?
EDIT: Bounty expiry
The bounty has at least given some answers, although they are not sufficient to award the bounty. The question remains open.
We had similar problem in our application, and tried some optimizations, here are the two most effective approaches:
Avoid using CSS3 effects. We used a lot of CSS3 shadows in previous versions, which slowed down rendering process on iPad 3 a lot. After replacing those shadow effects with background images, performance got greatly improved on iPad 3.
Optimize Javascript. Our application has some scrollable components, whenever user scrolls the component some Javascript code will be executed to do some loading work, like loading images in a lazy way. On iPad 3 scrolling will delay for 500ms when user tries to scroll from one page to the next. Then we found some unnecessary image loading work were performed in the scrolling callback, after removing them, the scrolling performance is acceptable.
These two approaches may be quite specific to our application. Hope they can help you as well.
have you checked viewport in your meta?
I am using
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
I didn't feel any performance overhead. Perhaps some parts of your webapp hit on the weakness of web view.
You may start commenting your HTML until you find your webapp go smooth.
I have updated a New iPad (iPad 3) with iOS 6 and I do not see the rendering problem any-more. I have seen in several articles that the speed of Safari has significantly increased. This performance gain in iOS 6 is solving the problem for my web-app.
As the iPad's we use are dedicated for the web-app, I will recommend iPad 3 only with iOS6.
Thanks for the posts and answers !

Resources