0

Gostaria de fazer um programa com a mesma aparência/estilo que o site, porém no Windows Form não funciona CSS por ser uma tecnologia Web. Então como eu poderia fazer algo parecido?

2
  • 1
    É possível, utilizando aplicação híbrida, dá uma lida neste artigo, está em inglês, mas ele mostra como fazer utilizando Electron. mylifeforthecode.com/…
    – Zorkind
    Commented 11/12/2017 às 18:31
  • 1
    Lembrando que o Spotify, Slack, entre outros foram feitos com Electron ou algo similar.
    – Zorkind
    Commented 11/12/2017 às 18:32

2 Respostas 2

6

Não, CSS não é questão de tecnologia Web, é se o renderizador suporta, e no caso não é algo implementado, existem softwares desktop que dão algum suporte semelhante, como o Qt para que usa o QSS, um CSS do Qt, mas isso é outra história.

O importante é entender que cada motor de renderização usa seu proprio "motor css", em navegadores e clientes de e-mail, mas o Windows Forms não tem isto, voltando a falar do que importa, no entanto você pode se interessar pelo WPF (Windows Presentation Foundation)

Então algo como no CSS:

div {
   font-familty: "Comic Sans MS";
   font-size: 14px;
   text-align: center;
}

O template no XAML afetaria todos TextBlocks:

<Style TargetType="TextBlock">
  <Setter Property="HorizontalAlignment" Value="Center" />
  <Setter Property="FontFamily" Value="Comic Sans MS"/>
  <Setter Property="FontSize" Value="14"/>
</Style>

Fonte para leitura:


No entanto XamlCSS

No entanto encontrei este projeto https://github.com/warappa/XamlCSS

Um exemplo para aplicar seria, no App.xaml.cs (por exemplo) adicionaria isto:

public App()
{
    XamlCSS.XamarinForms.Css.Initialize(this);
    ...
}

E no App ficaria mais ou menos isto App.xaml:

<?xml version="1.0" encoding="utf-8" ?>
<Application xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:css="clr-namespace:XamlCSS;assembly=XamlCSS"
             x:Class="App.App">
  <Application.Resources>
    <ResourceDictionary>
    <css:StyleSheet x:Key="inlineStyle">
        <css:StyleSheet.Content>
          .important
          {
              BackgroundColor: Red;
              FontSize: 25;
              WidthRequest: 200;
          }
          Label
          {
              TextColor: Red;
              FontSize: 25;
          }
          Button
          {
              TextColor: Blue;
              BackgroundColor: Black;
          }
        </css:StyleSheet.Content>
      </css:StyleSheet>
    </ResourceDictionary>
  </Application.Resources>
</Application>

Plataformas suportadas

Algumas funcionalidades

  • Seletores CSS
  • Multiplos StyleSheets
  • Seletores aninhados (semelhante ao Sass)
  • Variaveis no Css
  • Importar estilo de outros arquivos CSS
  • Mixins
0

O CSS é especificamente para HTML e não é possível aplicar no Windows Form. É possível fazer algo similar usando XML. Verifique esse link:

https://www.codeproject.com/Articles/14814/StylesSheetManager-A-CSS-like-component-for-WinFor

Você pode fazer o download do projeto e verificar o exemplo para aplicar no seu código.

1
  • Não é especificamente para HTML, SVG também suporta CSS, mas depende muito do motor de renderização do browser.
    – Syzoth
    Commented 11/12/2017 às 18:06

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .