Open NigelBreslaw opened 2 months ago
unfocussed' look
We have this concept in Slint and this is used by the Qt style. We'd need to make that available for other styles, but that's doable. (Same trick as the dark style)
primary tint
We talked about that before. This concept also exist on windows and android. We just need to make this available same as dark style. Might need some platform specific native code got query it
border or line is a single device pixel regardless of DPI.
That's why we have the phx unit: border-width: 1phx;
Text
This and other aliasing/rendering issues may be caused by the renderer. Here there is a slight difference between Skia and Femtovg. Might be worth investigating if we can fix them in both, but I'd think Skia will always give better result, but is not the default because it is harder to build.
Switch issues:
If you used the FemtoVG renderer for your screenshot, this has to do with #4831.
Placeholder mega issue for various MacOS inconsistency issues in look and behaviour. This is based on MacOS Sonoma on a HDR HiDPI screen (P3 color space). MacOS Sequoia comes out in the next couple of months and may change some things. XScope is used to create those zoomed views. It's a UX tool for placing grid lines on screen, zooming, colour picking, etc.
General
The image on the right shows the MacOS 'unfocussed' look widgets take. This is when the window no longer has focus. This might be a MacOS only thing? The main difference is the primary 'tint' goes from a colour to grey.
Need to check if the components support an easy to change primary tint. This screenshot is from the official Notes app that changes the default primary 'blue' to 'yellow'. So you don't just choose 'cupertino-light' but 'cupertino-light + optional widget primary tint'.
Click and drag out does not visually update as expected. If you click and hold on the widgets most correctly have a specific visual state. If you then keep the press down and drag out the component stays in this state. However it should drop back to the non clicked visuals. When you then release outside the component it correctly isn't registered as an attempt to activate the component. But its only this point that the Slint widget goes back to the non pressed state.
Hairline pixel line support
Text
Switch issues:
Progress spinner
https://github.com/user-attachments/assets/aee1fbdb-40f3-4e94-be64-b225a569dfe6
Is the animation broken?
The line cap should also be rounded, not flat.
I looked at the code and thought it was complex. Then looked at a spinner in my own React Native project and realised it's actually pretty elegant. The React Native example uses SVG and Reanimated and is quite verbose. I'm no reanimated expert so probably could be simpler. But due to using 'rotation' its able to do a similar thing with less fancy math. The
animation-tick()
function really has me thinking. I don't think you can something like that in React, but it just makes sense within Slint. Really cool.Combo box
https://github.com/user-attachments/assets/8544f213-b69c-4acf-906f-a77d8b58763a
Slider
https://github.com/user-attachments/assets/2f739319-a6b2-40a3-ad3d-8682853679a5
Nice example of a slider with microanimations on the speakers. Apple have been doing some work with the SwfitUI API to help here https://x.com/sucodeee/status/1821516860728225820
Promotion support