I am new to auto layout, I want to develop app which is compatible from iPhone 4s(3.5 inch) to iPhone 7plus(5.5 inch).
I have a form of several fields which i want to show without using scroll.
Can someone please help me?
Thanks in advance.
Image preview of both devices
You want your layout to look good on every device so I would suggest testing it on every device.
Related
I would like to create a zoomed/scaled UI as in Screenshot 1 below:
Keep in mind that I am NOT using the Zoomed option in iOS Display Settings.
So, somehow it is possible to make an app look like it is scaled/ zoomed.
Are such apps created with an old version of XCode and that's why their UI looks scaled or it is some sort of a technic?
Screenshot 1 (taken on iPhone 6s Plus 1920x1080)
Screenshot 2 - Normal app.
hi by default the OS will scale your app EITHER because it is an iphone app running on an iPad or because AX is on or it is a very old app where the LaunchImage does tell ios it doesnt really support the screen size.
you cant really say 'hey ios, scale my whole app for me'
that said, you can DRAW 'scaled' by applying a transformation to your root window/view.. dont know if there are issues with scaling the whole hierrachy but it technically works
i just know the bug with facebook sdk its when you call your fb friends list in the app and it scales all the ui after that window xd
My company has just started a new development project using Xamarin Forms. The app looks great on most Android devices but on certain devices the whole app appears magnified. The font is huge, icon resolution looks poor and even the device time, connection, battery life, etc looks magnified.
Has anyone come across this before and did you find the cause?
Appreciate the help!
Will
I think that the problem is related to devices performance and it's not related with the app if problem are battery life , connection and device time , but if you talk about some poor UI you need to check your resolution folder in android or if you use default android theme so it will not look good for old android versions
Before developing the android application you should consider the below things.
1. You should take care of DPI mechanism for different device - For UI issues
2. The child hierarchy level should not exceed 4 to 6.
3. You should not create the objects inside the ondraw method.
4. Don't layout the base at all the times.
5. Inside ondraw, don't use any looping mechanism.
Hi I am working on a xamarin.forms cross platform app and I am not able to get proper UI If I check the same app on other phone there is misalignment in the buttons.Is there any code that can be used so the buttons look fine in all phones ?
Thanks
Making a responsive mobile app UI could actually be a challenge somehow. These two links however, might be helpful:
Adaptive UI with Xamarin.Forms
Tips for Building Adaptive Xamarin.Forms Apps
I am about to submit my app in iTunes connect.
Now it is asking me for screenshots for a 3.5-inch, 4-inch, 4.7-inch and 5.5-inch.
Since I coded it in swift I guess I can skip the 3.5inch part?
But my question is: I only have an 4-inch device available. How can I add the screenshots of the 4.7 and 6inch? maybe with the simulator?
Thank you
In the iOS Simulator File > Screenshot
That saves a screenshot to your desktop.
Simulator should be fine. You can edit it using Sketch, I found it really helpful.
I tried a few different methods, and what worked best for me in a short amount of time was to capture screenshots in the iOS Simulator at 100% scale and then resize them using GIMP, which is free unlike Sketch.
If you're in the business of creating screenshots for many devices, across locales or with frequent screenshot update needs it's best to look into automation with tool like Snapshot.
Can anyone help me think of an app that uses a set of almost wireframe instructional elements before the user starts using the app? I know I have used a few apps like that. They will show a stencil of a hand and show you how to work through the app. I am working on a UX exercise and I need some ideas on how to incorporate something like that into my project to help the user to get up and running faster in my application. Any help would be much appreciated.
Yes, that pattern is called "coach marks" and is available in many apps. You can see it on The Weather Channel's new weather app for the iPhone or iPad (shameless plug). There is also a reference on coach marks, with many examples which can be found here.