Im using a UISearchBar in my iOS app, but there is some problem with the UI. If you look at this image, the icons (cross icon and search icon) inside the search bar are blurry/pixelated. I tested this on an iPhone 6 device as well. Can someone tell me if I missed something or why this could be happening?
It seems I was using a wrong tabbar icon image which was causing the search bar to be rendered like this. It looks fine after using a correct size tab bar icon image.
Related
I am developing an app (objective c) with a navigation controller. For some reason the whole app is offset from the top of the device. See below, can anyone give me some pointers as I have no idea.
Hiding the Navigation bar makes no difference, either in the storyboard or in code. The storyboard constraints all seem correct, as the title below the navigation bar moves up and down when showing and hiding the navigation bar.
This problem occurs on iPhone SE and iPhone 7, the iPad 2 is ok. The xCode version is 8.1
Any help would be appreciated.
You need to use launch.storyboard in your Project or you need to add launch screens image in your Asset Folder for all the sizes, then this black screen from top and bottom will be removed.
In App Icons and Launch Images setting, you need to set asset and launch screen file. so this black bar will disappear.
I've designed an UITabBar icon for my Application.
The HIG for iOS 7 states that UITabBar icons should be about 55x55 pixel (for a retina device).
Unfortunatly my Icon does not seem to render correctly:
Original Icon:
How it is Rendered in Xcode and the iOS Simulator:
Has Anyone Experienced something similar, or has any Ideas how to fix this?
EDIT://
Nevermind, I already solved it.
Illustrator just filled the rectangles with white instead of making them transparent which resulted in a fine looking icon on white but a odd looking icon when used in an UITabBar.
For some strange reason, every new UIViewController I add into my project is not resizing according to the screen.
As you can see here in Xcode I'm using Retina 3.5 Inch Full Screen and it's supposed to look like this.
But in the iPhone the lower part of the screen is not being shown. This is what I see in a real iPhone 4.
As you can see, the button in the inferior part of the screen is behind that white bar and I can't click it.
I've really tried everything and I don't know what I'm missing.
I'm also tagging Objective-C as this could be cross platform.
I fixed the issue thanks to Luca. I was using a component for a Menu Bar that made the screen not to resize properly to 3.5 inch. Removed it and now everything works.
I've read every post about launch images and I'm still confused about the status bar. I understand that iPad launch images should exclude the status bar and iPhone launch images should INclude the status bar. I can see that iPad image sizes have the size of the status bar knocked off, so that is no problem.
However, I included the status bar on my iPhone launch images, but when the app launches the actual device status bar appears to bleed through as though the status bar on my image as the launch image fades, which looks lousy.
My question is whether it would be acceptable to have the iPhone images be the correct size but to not actually SHOW the status bar in the image (i.e., in my case, it would just be plain white)?
This would create a better looking launch image in my case but I'm unclear on what Apple is wanting here. Thx.
EDIT:
Apparently, all launch images are now required to include the status bar, including the iPad. I suppose this changed with XCode5.
https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/LaunchImages.html
This has been a problem ever since iOS 7 introduced the see-through status bar.
You will have to write some code that creates a special initial interface of your app, so that it hides the status bar on launch and you can take the screen shot. (This seems, indeed, to be the strategy you are proposing.)
Either that or, as is sometimes possible, take the screen shot and then cover the status bar in Photoshop or similar with a rectangle of the correct color.
The problem is solved, or close to it, in Xcode 6, where you can make a launch image from Interface Builder directly based on the Preview of your interface that it provides. Since the launch image is usually a very rudimentary version of the interface, and since Xcode 6 lets you draw the preview details with prepareForInterfaceBuilder, it is usually possible to create a good launch image without bothering to write an alternate launch routine just to get the screen shot.
It's quite easy: Include the status bar region, but don't include the actual content of the statusbar. So for example the iPhone 5 launch image would be 640 x 1136 pixels.
If you have a non-solid statusbar background color you should use something like SDScreenshotCapture to take screenshots. This class creates a screenshot without the status bar content.
Have anyone met the same issue? Or have I missed something.
On my iOS 7 iPad simulator I can't see the status bar anymore.
It is visible in iOS 6 iPad though.
Is it a bug, or there is a setting to fix that?
Thanks
The status bar has been changed in iOS7. While the background is not visible by default you should still see its contents. It might be not visible if you are displaying black content above a black background but you can override this method for this: - (UIStatusBarStyle)preferredStatusBarStyle.
I found this article recently about changes to consider on iOS7 for the status bar.