button with custom font or pre-drawn picture? - image

In my Xamarin.Forms application, I'm going to use buttons with icons. Which is better - to use custom forms or images? What of this is simpler and that can advise people who have experience with this? I vaguely heard, that plus of using images is Embedded Images, but Embedded Fonts is no supported, this is true?

Related

Image edit filter in xamarin forms

I am developing a project (kinda like CamScanner) where I take an image and on the fly crop it and edit it and save it to my device memory. I chose to do it in xamarin forms because of 1 source maintenance. I have managed to take the image using Xam.Plugin.Media and crop that image using ImageCropper.Forms plugins. Now, I cant seem to find any good plugins that can edit my image (Filters like Black and White, Magic Color, Grayscale). Can anyone guide me to choose which plugin is the best there is for the filter? I am focusing mainly on Android and iOS at the moment.
Thanks in advance
As of today, there is no plugin available to apply color filters for Xamarin.Forms. The closest thing would be using SkiaSharp Color Filters and define you own Color Matrices, which is not quite user friendly.

How to create same UI as given UX in xamarin forms?

I am working in xamarin forms. I have some UX given by the designer. Now I want to create exactly same UI(same height of control, width of control, colors etc) in xamarin forms. My xaml view should be exactly xame like given UX.
Is there any tool that can guide me to create same UI like UX. I mean through that tool I can get the height, widths and colors of controls of screens and then can use it.
it's not good idea to use exact length of UI since the app will run on different screen and different devices. Xamarin forms uses native views for each platform which will also change the look of basic views.
What you need to do is to use grids or other layouts for sizing and control the height and the width of your views.
I also suggested that you always use scroll view incase if a mobile has a small screen size.
Finally, regarding the actual UI components and UX interactions, there are many ready components like calendars, custom checkboxes, sliders,... . If you can't find a component that cover what you need, you have 2 options:
combine different components and try to customize them with absolute
and Relative layouts.
Create the components yourself which will require some knowledge
on each platform to create the view component by drawing it and do
all the handling for each platform.
Regarding the UX, there are many libraries for animations and most components allow customizability.
Your question was very general so this answer is general. Please try to be more specific next time.

Resize Images in Magnolia CMS 5.0 (Not cropping)

Does anyone know how to resize an image in Magnolia CMS 5.0 without cropping it? I have handled to work with the Assets module and the options that it provides for adapting images to my preferences. However, it just provides (as far as I know) the option to crop and zoom those images. I wonder if that module is configurable to show those options? I attach a screnshot with the options that I can see in the Assets module. Thanks in advance!
This might sound a bit odd, but the image editor doesn't resize images.
Instead, Magnolia is designed with the idea that editors will upload a single high-quality images and that Magnolia will generate variations of the image as needed by the site design.
Check out http://wiki.magnolia-cms.com/display/DOCS/Responsive+Web+design#ResponsiveWebdesign-Optimizedimages for more details.
Also, if you want to get more timely answers, I'd recommend posting your questions to the Magnolia forums: http://forum.magnolia-cms.com

GUI style for windows Qt application

How can i achieve this kind of look and feel with colored buttons and rounded corners in dialogs for a windows application?
i dont think it can be done using MFC , will wxWidgets or Qt help ? or any other platform?
You can design whatever the look & feel you are pursuing using QSS. Why don't you take a look at Qt Documentation ? There are plenty of examples & guidance available.
Stylesheet Examples
Stylesheet Reference
Stylesheet Syntax
Customizing Qt Widgets Using Stylesheets
But at times, you will need to override a control to achieve your goal. Like in this question. But I think your required look can be achieved via QSS alone.
The easiest and fastest way to achieve the same UI accross different platforms is to implement it in QML with Qt. Unlike widgets that get automatically styled appropriate to the underlying platform style, QML is entirely platform-independent. You could probably style regular widgets with CSS, or even by reimplementing drawing manually with arbitrary UI API, but it will not be nearly as easy.
It is easy to achieve such a look and feel with any GUI framework.
Choose the framework you are most comfortable with, RTFM, roll up your sleeves and get started.
On any framework you will find methods to draw bitmaps of any color and shape and to handle mouse clicks on them. What more do you need?
This is what GUI frameworks DO! They also provide a default set of widgets for the bone lazy and the conventional. You aren't one of those people. are you?

Does Qt Extended Support

I am evaluating Embedded Linux GUI toolkits for an upcoming project and have put together a must have “feature list” to help me with the decision:
Color gradients in graphics (for menu headers buttons, icons, etc…)
The ability to draw complex wave graphics with say a background grid, notations.
The ability to swap between to landscape and portrait orientation.
Qt Extended seems to be a popular toolkit with a wide user base. Can anyone tell me if the above features are available in Qt Extended? Any links to tutorials or documentation would be great!
Yes, either through a custom style, a style sheet or by implementing custom widgets (depending on how exotic you want to get)
Sure, you can draw anything. For what you're after, check out Qwt.
Yes, but you might have to apply some magic of your own here. The screen driver does support this, so it can be done. Also, the Qt for Symbian port does this on the fly, so looking at their solution and then applying it to your scenario might work.

Resources