Jump to content

DelphiStyles

Members
 View Profile  See their activity

  • Content Count

    21

  • Joined

  • Last visited

Posts posted by DelphiStyles

  2. Posted

    2 hours ago, Lars Fosdal said:

    For me, the best kind of skinning is the type that is able to visually adapt to the OS UI settings.

    My least favorite skinning is elements that visually distract from the flow of a UI, or that interfere with the "normal" UI metaphor for a platform.

    Yes, this is why Flat UI is popular, because, for example, Windows 10 is flat and non-flat style will looks not good on it.

     

    Then, based on our experience, developer want to have styles, which looks the same in all platforms and this is one of the reason why he use style.

    But, in any case, all our FMX multiplatform styles has a platform specific elements and structure (scrollbars, for example).

     

    Around current VCL Style TechnoLine...

     

    You see that it not flat - as you like. May be background looks defiantly.

    But you can change it to solid color or to something new....

     

    tlse.png

  4. Posted

    20 hours ago, Lars Fosdal said:

    We sure do, because this makes me cringe.  Too much clutter.  
    That said - I also hate the currently popular naked "flat UI" design philosophy which takes away most UI guidance and makes you guess if something is a link, a button, or just text - and you have to hover and/or click in the right places to find out.

    Flat UI can be different. You are exaggerating the problem too much.

     

    We make different styles, including many non-standard projects. And yes, there are people who want to have carbon, aluminum background and etc.

    This style demonstrates the capabilities of the VCL styles and ideas themselves.

     

    Also you will not find similar websites. Why applications should be similar?

    Styles and third-party controls give oppurtunity to create unique UI for your unique application and this is a rule for multimedia applications, for example. 

    Also, if you want to have application with your company style, colors - there is only one way - use skins, styles.

     

    Other important aspect is that you can Enable / Disable VCL styles in your application - just add this option.

     

     

  6. Posted

    47 minutes ago, Lars Fosdal said:

    I am at a loss for words. Do people actually use such styles?

    Style is not the end design solution. It's only some base for UI. Other part of design are controls, icons and functionality of application.
    Let's see on this style with StyleControls VCL demos...
     

    1sctl.png

    2sctl.png

    3sctl.png

  9. Posted

    There is no simple way, unfortunately. 

     

    Also other thing - we provide style templates for Bitmap Style Designer.

    Style template is not depends from FM format and you can use them from XE5 for desktop platforms, for example.

    BitmapStyleDesigner has a converter tool, which includes FM format + specific of each plaform.

    All you need to do - open template in BitmapStyleDesigner from specific IDE (XE5, ... Seattle, ... Rio) and save it as FM *.style (in actual format of style objects).

     

    About your manual style - there are no guarantees that the style will works correctly in the new IDE if in FM was a changes in object structures.

     

     

  10. Posted

    On 2/23/2019 at 10:47 PM, Rollo62 said:

    Thanks for the proposals.

    Im missing such tinted color for the basic components.

    Buttons, Panels are fine.

    Listbox, Listview, TabControl, Label would be the minimim.

     

    The original components have different structure from platform to platform.

    Ideally I would prefer a style with basic vector objects only.

    E.g. I made a simple button component using TPath, works perfect and can be easily render any form.

    Why not make more use of vectors in styles ?

    Styles has a platform specific and structure, because Embarcadero decided that style must follows platform guideline in most part + we need this to prevent desktop UI on mobile devices, for example (it will looks ugly).

    This is why we have multiview solution for application today and you can adjust form for each platform.

     

    Vector styles are in the past and most of controls properties are not supported with them.  

    It's hard to mimic original graphic with vector objects + big count of these objects is not good for performance.

     

     

  11. Posted

    18 hours ago, Rollo62 said:

    Thanks, I like all the new styles you offer.
    My question is, how are they prepared to be configurable in color and rendering on all mobile devices and desktop ?

    The original styles are not very compatible, and not easy to adjust, they need to have special tweaks for every platform,

    so that its sometimes not possible to have same look on all OS.

     

    Do you use same structure of the styles for all platforms, wherever possible ?

    Have encapsulated the main swatch colors, so to be able to adjust the color scheme from changing a few variables only ?

    Are those variables accessable during runtime, so that custom color changes can be made easily w/o creating a new style ?

     

    IMHO the biggest drawback of the Style system is that it doesn't not really support easy changes of the main colors in a style:

    like background, text,/labels, foreground color, etc.

     

    There is the option of TintedColor somehwere, to be able to recolor some objects, but this is not consequently used in all
    components and platforms.


    What would be your recommendation if I would need to e.g.  to re-color your backgground color slightly different tone,

    as well as to change your foreground color from green to red ?

     

    18 hours ago, Rollo62 said:

     

     

    Thank you for comments!

     

    FM Styles can includes tint objects only for buttons and panels.

    At this moment each our style has "tintedbutton" style for all platforms (you see them on macOS screenshot, for example).

     

    If you want, we can add tint for toolbar and ...toolbutton styles + we can made color adaptation to your colors (custom design service).

    We provide styles as collection of style templates for each platform - you can export pngs from template and update them + set you colors of fonts. 

     

    Also you can use TForm.Fill property to adjust background as you want - color, gradient, custom bitmap.

    To change text color in controls you must disable FontColor in TControl.StyleSettings and set your font color in TControl.TextSettings.

     

     

×