What is the recommended way to completely customize UI widgets in Flutter? - user-interface

I have been reading some of the Flutter documentation, wondering what the best way is to make completely custom designs. I have come across the following image in flutter's README file:
Does anyone know what the recommended way is of creating custom layouts like this one? Do I restyle the different parts of the Material Theme?

Some widgets are customized Material Design, often you would create your own if you are looking for custom style.
In the screenshot seems like they are using the material PageView, BottomNavigationBar but have created a custom slider, switch ext.
It really depends have custom you want your app, Material Design gives you flexibility but it has its limits.

Related

SAC Input Control - Custom Widget

I need to create a custom widget Input control for SAP Analytics Cloud basically the same as native but with more customization. The customization part will be pretty simple and I know how to do it, but I need some ideas on how to start implementing this custom widget. I already am working on a dropdown hierarchy custom widget with SAPUI5, don't really like this approach, but I am open to this. If anyone has any idea or experience in building this, I would much appreciate the help/input/ideas.

Admin widgets rtl support

is it possible to change the css of an existing widget so it will support rtl?
I was thinking of creating a custom widget from the existing widget and just change the css but couldn’t find the widget code.
All official Widget code is located here.
https://github.com/netlify/netlify-cms/tree/master/packages
Widgets are usually divided into "Editor" and "Preview" implementations, and you can customize the React Components that each generates. I'm not familiar with RTL, so I could be wrong, but if that can be done with just a CSS change, then you can probably do what you want to do.
https://www.netlifycms.org/docs/custom-widgets/

How to Use an HTML editor / Wysiwyg with vuetify

Just starting to use vuetify - really good stuff.
How can I wire up an HTML editor like quilljs.
I saw this post here; https://github.com/vuetifyjs/vuetify/issues/3550
Ideally.. I would like to use them both in codepen so I can get a designer to work on some bits and piece.
suggestions?
I created an editor for Vuetify based on Tiptap: https://github.com/iliyaZelenko/tiptap-vuetify
It is planned to make it as flexible as possible and develop many plugins for it.
You can support by giving a star to motivate me to develop.

Effel: EiffelVision2 changing widget style

I'm joining an Eiffel project that has a horribly outdated GUI design. The GUI is built with EiffelVision2 and the application is Windows platform only.
how can I change the look/design of the widgets, like defining shape and color of scrollbars, buttons, window borders and so on?
thank you!
I think this can be done using manifest file.
For instance, https://svn.eiffel.com/eiffelstudio/trunk/Src/Eiffel/Ace/ec.exe.manifest allows EiffelStudio to have nicer look than default classic theme.
You can check similar question/answers from http://tech.groups.yahoo.com/group/eiffel_software/message/8791

Cocoa Interface Builder's 'Attributes Inspector' like window

I'm making a Cocoa application, and I would like a panel like the 'Attributes Inspector' in Interface Builder. So with big tabs on the top and collapsable/expandable groups. Does anyone know how I can do this?
This is an image of the Attributes Inspector:
Attributes Inspector http://developer.apple.com/documentation/DeveloperTools/Conceptual/XcodeQuickTour/Art/hello_win_attributes.jpg
So I actually want to make a window like the one shown in the image above.
InspectorKit is FOSS on github.
There's no built-in Cocoa controls to do this. You're going to have to write some custom views which replicate the functionality.
There some good advice for creating custom controls in the answers to this question: Looking for info on custom drawing of interface components (Cocoa)
If you need additional help, I recommend you ask smaller, more specific questions explaining what you've tried and what hasn't worked.
I've written some custom classes to do this- it ended up being less work than I expected. I broke it down into two separate components which can be used independently- the first handles the icons at the top and performs the view switching and the second handles the expandable panes:
My code is available at github and is under the BSD 2-clause license.

Resources