QML: Issue while renderring qml screen - qt

I am facing problem while rendering QML screen on one of the development boards
On some of the screens I have throbber gif image where I can see the background color of the screen as shown in this image.
on some screen I have list view which I am updating through JavaScript, which is not taking effect as I am not able to see the updated image/text in the list view elements.
Is this some kind of issue related to refreshing screen .
The same code runs fine on Ix86 when compiled with QML on IX86.

If the same code is fine when compiled for another platform, I expect the first platform has a buggy library.

Related

Fullscreen and volume buttons are hidden behind top bar, in youtubehelper in Swift

While using youtube 'YouTubePlayer' cocoapod for for iOS application.
After youtube updated their policy we have to show the title, avatar and share buttons in the top portion of YouTube view. because of this fullscreen and volume button hide behind these item.
this screen from the iPhone6
How to show the fullscreen button like this below screen
because this is from the iPhone5 screen
I had the same issue in another library. In my case, I removed the "showinfo" parameter in the settings, because it is deprecated.
I have used this another library
which similar to the youtube official iOS library
The only difference between these both is:
youtube official library using WebView
which is causing the crashing issue in iOS 12.0.
where as YoutubePlayer-in-WKWebView this library using the WebKit this is working fine for me.
Fullscreen button is hide behind the title view, for this set the playsinline parameter to 0 then which enable the video can play in full screen mode.

iPhoneX can not show launch image well?

I add 1125x2436 launch image as left for iPhoneX. However, I get the strange result in simulator as right. I have not idea what causes that.
Update:
I found that is "Landscape" launch image be read on iPhoneX simulator, and not "Portrait". Even my app is set "Portrait" Device Orientation only. If I remove the "Landscape" launch image, and app seem use the "Portrait" image instead while it can not found the "Landscape" image. I still not idea how to fix it.

Last screen seen on cursor position after moving to a new screen

I'm running Qt 5.5.1 on my embedded Linux machine. When a mouse is connected the cursor is visible and work as expected, but, when I'm pressing on a widget to move to another screen the new screen is presented with the old screen view inside a small square (mouse background at the time of the press). Example:
It seems like it's a rendering issue. Your help is most welcome.

Meteor mobile-config.js launchScreens

I'm creating the splash images for my app but I've got some questions:
Can I create of all them at once? I've seen some repos for this but
there are not updated with new sizes (e.g 2048x1536)
Would be possible to use the same image for different sizes?
My phone is 1920x1080 but there is no splash screen size for that so it takes one and applies a disproportionate image. If I've got
text on it it looks really badly.
What happens with the rest of images when I build? Meteor removes the rest? Are located in resources/splash.
Could be possible to use a html with css page?
Thanks in advance!
Next time you should consider splitting your questions into independent posts.
Creating splash images: if your image is simple enough, indeed you have many scripts that can generate the different sizes automatically. I am sure you can customize them to fit your sizes.
Use the same image for different sizes: in general, that would mean your image will be stretched by the device to fill the screen. On Android, you can define a 9-patch PNG that will tell the device which pixels can be stretched, so that some part(s) of your image is not deformed.
Deformed image for 1920x1080 screen: depending on the pixel density, there should very probably be a placeholder for that.
Storage of image versions: by default, all versions (i.e. sizes) are packaged within your APK / APP, so that whatever the device needs will be available once user has downloaded the app.
Using an HTML+CSS page for splash screen: in general, no, but it depends on what you want to do with your splash screen. Meteor calls it "launch screen", because it is the first thing it displays while the app is loading / "launching". In particular, the WebView and local server may not be ready yet, and cannot serve any HTML/CSS. That is why you have to use a plain image, which is passed to a very simple activity while the app is loading. But some people also use a "waiting screen" between some parts of their app. In that case, your WebView and local server are already loaded, and you can simply use whatever you want.
Update:
For Android, if 9-patch PNG does not fit your need, you can also try to request Cordova's splashscreen plugin to maintain the aspect ratio of your image:
https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/#preferences
<preference name="SplashMaintainAspectRatio" value="true" />
"SplashMaintainAspectRatio" preference is optional. If set to true, splash screen drawable is not stretched to fit screen, but instead simply "covers" the screen, like CSS "background-size:cover". This is very useful when splash screen images cannot be distorted in any way, for example when they contain scenery or text. This setting works best with images that have large margins (safe areas) that can be safely cropped on screens with different aspect ratios.
In Meteor, you would use App.setPreference in mobile-config.js:
App.setPreference("SplashMaintainAspectRatio", true, "android");

INSTAPRESS WP PLUGIN - CSS Image Sizing on Mobile and Desktop alignment

I am having issues getting my Instagram images to display properly. I have tried all types of tricks and changes but cannot get it to look consistent on both desktop and mobile. It looks perfect when at full window size and across all browsers (except mobile), but when I change the size of the browser viewing window it gets all weird.
Here is my issue:
I need all the horizontal Instagram images to be responsive, meaning when I do change the size of the browser window they will adjust to the dimensions that are appropriate to view them properly. I want them to always stay in a row of 5 images across...
Here is a link to the work in progress:
http://www.jaygiroux.com/wordpress/
I have tried modifying the instapress.css to the best of my abilities but now I'm just stuck. I tried using percentages instead of pixels in some places but it's still not working...
What im reading online is that until version 3 nivo slider is not responsive, so you might want to update the library.
http://nivo.dev7studios.com/2012/05/30/the-nivo-slider-is-responsive/
Also i noticed that you're calling the tag twice (the first one is between the ie class compatibility code) so watch out for that too.

Resources