I have an iOS6 iPhone application, with a Tabbar and tabbar buttons. These buttons need icons and that's where the trouble starts. Added one icon to the project, double clicked on a button in the designer and associated the (questionmark) icon via the image combobox to the button. When I run the app on my iPhone, I do indeed see that the button now does indeed display a gradient-gray square, which turns into a gradient light-blue square, but the questionmark icon is not shown. The icon is a .png and the size is width 40, height 51. I changed nothing in the code.
I solved my problem to the extent that I can work with it: you need so called 'transparent icons'.
Related
I want to create a start experience like button on my A-Frame design. My experience needs to hide until you press a button and then it appears
Two approaches:
1) Hide the a-frame scene until a html button is pressed
This one is simple. Bring a white <div> up front (by setting up a high z-index), and hide it (display: none) when a button is clicked.
Fiddle here.
2) Hide the experience content "in-game"
This one is a bit harder. Hide the a-camera within a white sphere with a button, and hide the sphere, when the button is clicked.
Fiddle here
Using Qt 5.10, Qt Quick2 2.10, Qt Quick Controls 2.3 Button class, I have defined a button that displays an icon and a button that displays text as follows:
Button {
iconSource: "my_button.png"
enabled: sometimes
}
Button {
text: "My Button"
enabled: sometimes
}
I would like the icon button to behave just like the text button below it for user interaction. It should change its appearance appropriately when it is in the click, hover, or disabled state.
Hover and click mode are working, since they only rely on changing the icon background, and not the icon image itself.
Disabled mode is not working. The button displaying text behaves correctly (the text and the border turn gray), but in my icon button, nothing changes when it is disabled.
Details about my icon file:
The RGB values are all black (#000000) corresponding to the color I want my icon drawing to be. The image shape is drawn in the alpha channel. I have tried playing around with the other channels, but I have not had success.
Here is an image from my project. You can see a row of icon buttons on top, and three text buttons below. Although some of the icon buttons are disabled, they all look the same.
I have cleaned up this question. Maybe should not have posted a question the day after St. Patrick's Day :)
The Qt docs for the Button class instruct you to set the iconSource property to define the url for the icon image file. However, this is for QtQuick 1.4.
QtQuick 2.3 does not appear to have documentation yet, though it is the standard for the current Qt 5.10.
The Button (Controls.2/Button.qml) inheritance list is:
QQuickItem
QQuickControl
Templates.2/QQuickAbstractButton
Templates.2/QQuickButton
Button or {Style}/Button
There is no longer any iconSource property in Button. Instead, you access the icon property of QQuickAbstractButton, which is of type QQuickIcon. Using icons in Qt Quick 2 is documented here - Icons in Qt Quick Controls 2 -, along with.. a Button example!
Since the parent classes of Button use prototype inheritance, it seems that the properties of the parents, such as "icon" are available in the Button class as well. You can look in the qml directories in the Qt installation directory to see the class declarations without downloading the whole Qt source code.
So, my new Button code looks like this:
Button {
icon.source: "my_button.qml"
icon.color: enabled ? "#000000" : "888888"
enabled: sometimes
}
Note: I am using the Fusion style, but this does not affect the existence of the icon property, which is inherited from a prototype.
Is there a list of button icons that can be used in App Maker? E.g. when you set the HTML text field of a button to 'Edit' and choose 'Icon' as button style, App Maker conveniently provides me an icon with a pencil on it.
Right now I'm looking for a dropdown arrow icon, but a list of icons would be so useful to make my UIs more clean.
App Maker uses material font:
https://material.io/icons/
So it took me some time re-reading the comments and trying to understand how to do it. This is for future readers:
Go to https://material.io/icons/ and in the search bar on left, type the icon you are looking for. e.g. I am looking for left arrow.
Scroll the page down, and hover over the icon you are looking for and check the exact name of the icon. Copy it.
On your page/page fragment/popup, click on Widgets icon on top left.
Type button, and drag Button on your page (or fragment or popup).
On top left, right beside the Widgets icon, click the drop down and select "Icon".
Ensure your icon is selected on your page. In the property editor on the right,paste the exact name of the icon e.g. "keyboard_arrow_left".
The button will update with the icon of your choice.
Hope it helps.
When creating Parts, I can specify an icon in the Application.e4xmi, which is used on the tab's title, as well as the minimized icon when the stack is minimized. However if I remove the icon specified, it disappears from both areas. How can I hide the icon when the Part is visible, but have an icon when showing the "peek icons" on minimize?
I don't know how or where to set the game icon. I see there is the Assets folder, but I'm not sure what I'm supposed to put in or where to find the information on what to use. While running, the game has no icon on the title bar or in the taskbar.
Drag your Icon to Assets folder the double click on Package.appxmanifest and you will see the following content, here you can add Icons for Tiles:
In order to use custom icon in the taskbar, We can open the Package.appxmanifestselect in the Solution Exploer. And select Visual Assets then select Square 44x44 Logo, choose one image to set in the 24 x 24 px.
There is a samilar case you can check with UWP app icon on taskbar.
To set the icon to the title bar, we can use Window.SetTitleBar method to set the image to the title bar. There is a official Title bar sample, in Scenario2 it extend the view into the title bar.