Monotouch / iPhone 5 and developing - xamarin.ios

I am trying to write an app that I want to be compatible with the iPhone 5 and 4. I have read the excellent article Get your MonoTouch apps ready for iPhone 5 / iOS 6 today! but this implies you have to add a UIImage to each UIViewController to force it into displaying at the new resolution. It also implies I then have to do this for every UIViewController I add.
My obvious question is what happens if I don't want a background image? What if I want just a standard UITableVIew that uses the whole screen? What would happen if I want to support both resolutions I can't just put an image into the directory. How do you handle that? Is this really how Apple have designed it - you need to load a blank image?
Have I missed something really obvious? Hope so.
Thanks
Mike

To get the tall screen working on your application (for the iPhone 5 or in the iOS6 simulator) you only need to have a single Default-568h#2x.png file, of the right size, in your application.
The article you link to talks in more details about how to deal with backgrounds - but that's optional, i.e. you only need this if you have (or want) a background for your views.

Related

windows 10 UWP UI design for mobile device

I am working on windows 10 mobile app. If I design an UI for 5' device, it doesn't look good on 5.2' device. Also on emulators of different screen size show messed up UI. Is there any work around this? Or do I have to design it for every screen size?
Usually, please avoid to have fixed Width/Height for your controls. With a Grid layout, you can set columns/rows and place your controls inside each cells. This is a first level to adapt properly your interface. In addition, UWP provides AdaptiveTriggers if you want to adapt the layout based on the screen resolution (cf. https://channel9.msdn.com/Series/A-Developers-Guide-to-Windows-10/07) for additional information. Last but not least, please check Design&UI documention on https://developer.microsoft.com/en-us/windows/design.
The trick is with UWP that you can design for every screensize at once. It's just a responsive design you use (either HTML/CSS or XAML). But you have to use the right controls and settings.
Some guidance on how to design for various sizes can be found at the MSDN design page.
To create a dynamic layout with XAML, see this article. There are various panel-types you can use to do the layout (see this article). But if you really want to build a responsive UI (or change it dramatically in various sizes) RelativePanel is your friend.

How to display a webview in full screen (autofit)

I am developing a webview app.
I need that the webview covers all the content (all the space available!) but I can't get to this...
I've tried several ways but stil don't understand how to tell the webview to autofit depending on the screen.
Here is my situation now:
And this if I rotate the device
I guess this means that I'm not working in the right way, eh ? Can anybody lead me to this right?
thank you
Add this 4 constraint like this for your webView.

How to disable LWUIT's transition effects?

I'm developing an app for Nokia Asha 501 using LWUIT 1.5 and I'm trying to disable the fade effect that happens when transitioning from one form to another by using the CategoryBay component.
I've looked around the web but only mentions of how to use transitions come as results.
Is there a way to completely disable these transition effects to save up memory resources?
I am doing a similar project.
First have you considered using LWUIT Tabs over CategoryBar? It doesn't have any animation AFAIK and is quite customizable.
Second for CategoryBar,
Have you tried:
cat.setTransitionSupport(false)?
Fenix

Adding a fireworks type of graphic to my app

I want to have a graphic that displays a miny fireworks type of look when someone clicks something...you know, like having 4 or 5 small stars burst up and out. Does anyone know of any sample code that does something like that?
EDIT...
Sorry, I forgot to mention that it's an Android project developed in Eclipse.
You can use some particle system to simulate fireworks and other similar media. It depends what language, OS etc you use.

What kind of support does the iphone/ipod touch have for the canvas tag? Especially in regards to text?

I have seen this question/answer:
How do you draw text on a <canvas> tag in Safari
But I looking for how to do it on an iphone. Does the iphone support it already?
Also, it'd be nice to see a web page that discusses what the current iphone os/browser supports regarding canvas, html 5 and other related web tech.
Apple has an introduction at Safari Reference - Using Canvas and more details in the DOM Reference.
In general, the iphone canvas support is excellent and very useful.
EXCEPT for the missing text rendering, which I have heard will be available in a future OS upgrade.
While waiting, you can use Jim Studt's Canvas Text Function to display simple text on the Canvas.
For an example of how it looks, check out the Night Sky iPhone webapp which draws lines, text and images on the Canvas as well as saving and loading it from localStorage.

Resources