I converted my Android app to the Blackberry Playbook, but the screen density it's too small, everything is almost unreadable.
There is a way to force an higher dpi setting?
Have you tried chaning applicationDPI?
Related
I just need a boolean to say whether the device is a desktop or not because the design team has given us requirements to behave differently depending on if the webpage is run on a desktop or a tablet. We can assume tablets mean iOS and Android, and desktop is Linux, Windows, MacOS. A Surface Pro would count as desktop. We cannot make any assumptions based on the screen size. There are large tablets and small desktops.
More broadly, we are using Expo React-Native (managed) web target, if CSS cannot provide this information.
CSS itself cannot detect Surface Pro well, you should use JavaScript instead.
It's not difficult to detect the operating system, but for Surface Pro, it is actually a tablet, but you counted it as a desktop.
Here is a rough way to do so and also this, but the result is not guaranteed, since it's based on the User Agent string.
I am developing a Qt QML based application that runs on both Desktop and Mobile operating systems. I am having problems with proper fonts and components scaling- what does look good on large, desktop monitor is barely visible on a mobile phone, even though the scaling is the same.
I was wondering, what is the proper approach for this problem? I would like to run the same code on all platforms. For example, is there a way for a font to stay the same size (in mm or inches), no matter the screen resolution and size?
In QML I am always setting the font.pointSize property. It is scaled evenly, but because of that, the font are barely visible on mobile devices.
Have you tried font.pixelSize property yet?
I think this will be good for you.
"Sets the font size in pixels.
Using this function makes the font device dependent. Use pointSize to set the size of the font in a device independent manner."
https://doc.qt.io/qt-5/qml-qtquick-text.html#font.pixelSize-prop
I am developing an app using ionic framework. My app contain mainly List and input forms.
Everything is so small when testing on iPhone 6Plus. I guess it is because iPhone 6Plus has high resolution. Text is hard to read.
is there a way to scale up everything according to resolution device? And how much should I scale up, any best practice?
In fact, I don't sass, therefore I don't how to using its variable and scale text up using media queries.
Because you didn't post your CSS code, I don't know if this will work for you.
If you're using pt or px for your text you should switch to em or %.
in general, 1em = 12pt = 16px = 100%.
How can i maintain DPI resolution calculation for various device and UI management for eg,
iPhone having action bar at top/bottom , iPad app has control bar component instead.Is it possible to maintain application in SINGLE CODE BASE.
Please suggest any alternate way to manage
Please help me.
You have a few approaches to take.
First, the Flex Framework basically boils everything down into three different DPIs. 240dpi is most phones. 160dpi is most tablets. And 320dpi is the iPhone 4. Even though the DPIs are not exactly 160, 240, or 320 the framework uses an approximation to figure out the best DPI to use.
Based on that; You can use the Application.applicationDI. Then the Flex Framework will automatically adjust things for different DPI resolutions based on that settings. So, if you design your app for 160; the app will automatically adjust when run on a screen that is 240. It works pretty well.
The second choice is to write your own layout code to handle different assets and positioning. If you use FXG elements, they are vector based and can easily scale to any device. You could consider making all your assets square; which means it will probably look good no matter what DPI you switch it to.
I have a QT application where font family and size is set in QML
On windows and linux it works fine. However, on OS X text appears too small. This is something that someone else wrote. It uses Segoe UI font. As I understand in QT 4.7 I can assign fallback fonts with a coma. However the defined point sizes still seem to be too small.
Is there something I can do to fix this issue without changing the way how this looks on other platforms?
If you use font.pointSize to set the size of the font then the resulting pixel size depends on the device or more generally, the dpi of the screen (as far as the system is aware of it).
This means that if you really meant the font to have the same pixel size, whatever the dpi of the screen, then you should be using font.pixelSize to set the size of your fonts instead.