Arion.Style 0.2.0.4

There is a newer version of this package available.
See the version list below for details.
dotnet add package Arion.Style --version 0.2.0.4
NuGet\Install-Package Arion.Style -Version 0.2.0.4
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Arion.Style" Version="0.2.0.4" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Arion.Style --version 0.2.0.4
#r "nuget: Arion.Style, 0.2.0.4"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install Arion.Style as a Cake Addin
#addin nuget:?package=Arion.Style&version=0.2.0.4

// Install Arion.Style as a Cake Tool
#tool nuget:?package=Arion.Style&version=0.2.0.4

Arion style

nuget nuget(download)

Библиотека стилей


Подключение

В менеджере пакетов Nuget находите пакет Arion.Style и устанавливаете его

Arion.Style в менеджере пакетов nuget

В документ App.xaml добавляете словарь

<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/Arion.Style;component/ArionUiTheme.xaml" />
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

Использование конкретных элементов прописано в самом элементе


Оглавление

  1. Button
  2. TextBox
  3. PasswordBox
  4. CheckBox
  5. ToggleButton
  6. RadionButton
  7. Switcher
  8. Slider
  9. ListView
  10. Tab
  11. Tooltip
  12. Colors
  13. Таблицы
  14. ProgressBar
  15. Breadcrumb
  16. ComboBox
  17. DisplayControl
  18. Expander
  19. InlineAlert
  20. Label
  21. RangeSlider

Button

Обычные кнопки

Есть несколько типов стилей кнопок Filled, Outline, Text

Filled - Закрашенные без рамок Outline - Белые кнопки с рамками Text - Белые кнопки без рамок, на белом фоне похожи на простой текст, пока не наведешь

Так же есть 3 размера этих кнопок Large(Lg), Medium(Md) и Small(Sm)

Для использования стилей пишете сначала тип кнопки, потом её размер в сокращенном варианте

Доступные стили для версии 0.1.3

Filled Outline Text
Large (Lg) Кнопка со стилем FilledLg Кнопка со стилем OutlineLg Кнопка со стилем TextLg
Medium (Md) Кнопка со стилем FilledMd Кнопка со стилем OutlineMd Кнопка со стилем TextMd
Small (Sm) Кнопка со стилем FilledSm Кнопка со стилем OutlineMd Кнопка со стилем TextSm

FilledLg, FilledMd, FilledSm, OutlineLg, OutlineMd, OutlineSm, TextLg, TextMd, TextSm.


TextBox

Стиль текстового поля задан по умолчанию, поэтому какой то определенный стиль применять не требуется.

Элемент TextBox

Так же есть текстовое поле с элементом предварительного текста TextInput. В этом элементе можно указать свойство Placeholder, которое отобразит текст, который будет пропадать при вводе.

Элемент TextInput Элемент TextInput с введеном текстом

xmlns:controls="clr-namespace:Arion.Theme.Controls;assembly=Arion.Theme"

<controls:TextInput Placeholder="Placeholder" />


PasswordBox

Стиль по умолчанию. Так же есть дополнительное свойство Placeholder, для его использования добавьте в документ XAML ссылку на добавляемые свойства

xmlns:attachedProperties="clr-namespace:Arion.Style.Theme.AttachedProperties;assembly=Arion.Style.Theme"

После чего для PasswordBox добавьте свойство attachedProperties:PasswordBox.Placeholder=""


CheckBox

Стиль данного элемента также установлен по умолчанию, и имеет разное отображение на 3 состояния Checked, Unchecked, Null

Чек бокс


ToggleButton

ToggleButton имеет два стиля

  1. По умолчанию

RadioButton

Стиль установлен по умолчанию


Switcher

Переключатели или же свитчеры, стиль для Радио кнопок.

Имеют 3 типа по отображению

Switcher
First SwitcherFirst
Middle SwitcherMiddle
Last SwitcherLast

SwitcherFirst, SwitcherMiddle, SwitcherLast


Slider

Slider


Tab

Tabs


ListView


Tooltip

Стиль по умолчанию

ToolTip


Colors

Pr R G Y P T
50 Pr50 Pr50 Pr50 Pr50 Pr50 Pr50
100 Pr100 Pr100 Pr100 Pr100 Pr100 Pr100
200 Pr200 Pr200 Pr200 Pr200 Pr200 Pr200
300 Pr300 Pr300 Pr300 Pr300 Pr300 Pr300
400 Pr400 Pr400 Pr400 Pr400 Pr400 Pr400
500 Pr500 Pr500 Pr500 Pr500 Pr500 Pr500
600 Pr600 Pr600 Pr600 Pr600 Pr600 Pr600
700 Pr700 Pr700 Pr700 Pr700 Pr700 Pr700
800 Pr800 Pr800 Pr800 Pr800 Pr800 Pr800
900 Pr900 Pr900 Pr900 Pr900 Pr900 Pr900

Pr50, Pr100, Pr200, Pr300, Pr400, Pr500, Pr600, Pr700, Pr800, Pr900 и так далее


Shadow

El1 El2 El3 El4 El5 El6
El1 El2 El3 El4 El5 El6

Контролеры

Arion.Style.Controls

Product Compatible and additional computed target framework versions.
.NET Framework net461 is compatible.  net462 is compatible.  net463 is compatible.  net47 is compatible.  net471 is compatible.  net472 is compatible.  net48 is compatible.  net481 is compatible. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

This package has no dependencies.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on Arion.Style:

Package Downloads
Arion.Style.Controls

Дизайн для элементов

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
0.7.0 215 3/25/2024
0.6.2.2 111 3/6/2024
0.6.2.1 98 3/6/2024
0.6.2 337 2/8/2024
0.6.1 148 2/1/2024
0.6.0 78 1/29/2024
0.5.23 192 1/10/2024
0.5.22 192 12/29/2023
0.5.21 189 11/2/2023
0.5.20 967 9/14/2023
0.5.19 106 9/14/2023
0.5.18 442 9/4/2023
0.5.17 114 9/4/2023
0.5.16 130 9/3/2023
0.5.15 102 9/3/2023
0.5.14 98 9/3/2023
0.5.13 100 9/3/2023
0.5.12 104 9/3/2023
0.5.11 102 9/3/2023
0.5.10 533 6/30/2023
0.5.9 144 6/30/2023
0.5.8 177 6/22/2023
0.5.7 125 6/21/2023
0.5.6 161 6/8/2023
0.5.5 147 6/2/2023
0.5.4.7 156 6/1/2023
0.5.4.6 150 6/1/2023
0.5.4.5 139 5/31/2023
0.5.4.4 156 5/31/2023
0.5.4.3 137 5/31/2023
0.5.4.2 145 5/31/2023
0.5.4.1 137 5/31/2023
0.5.4 155 5/31/2023
0.5.3 142 5/30/2023
0.5.2 135 5/30/2023
0.5.1 167 5/29/2023
0.5.0 147 5/22/2023
0.4.11.1 197 5/10/2023
0.4.11 187 5/10/2023
0.4.10.2 153 5/5/2023
0.4.10.1 158 5/5/2023
0.4.10 173 5/5/2023
0.4.9.4 224 5/4/2023
0.4.9.3 193 5/4/2023
0.4.9.2 194 5/4/2023
0.4.9.1 169 5/4/2023
0.4.9 172 5/3/2023
0.4.8.1 184 5/2/2023
0.4.8 170 4/30/2023
0.4.7.1 187 4/28/2023
0.4.7 176 4/28/2023
0.4.6 193 4/28/2023
0.4.5 181 4/24/2023
0.4.4 219 4/20/2023
0.4.3 175 4/19/2023
0.4.1 216 4/17/2023
0.4.0 232 4/15/2023
0.3.7 209 4/10/2023
0.3.6 250 4/10/2023
0.3.5 222 4/10/2023
0.3.4 209 4/10/2023
0.3.3 274 4/7/2023
0.3.2 230 4/7/2023
0.3.1 225 4/7/2023
0.3.0 241 4/6/2023
0.2.8 254 3/31/2023
0.2.7 215 3/31/2023
0.2.6.7 235 3/31/2023
0.2.6.6 231 3/31/2023
0.2.6.5 241 3/31/2023
0.2.6.4 236 3/31/2023
0.2.6.3 255 3/31/2023
0.2.6.2 253 3/30/2023
0.2.6.1 237 3/30/2023
0.2.6 224 3/30/2023
0.2.5 262 3/29/2023
0.2.4 225 3/29/2023
0.2.3 232 3/29/2023
0.2.2 231 3/29/2023
0.2.1 246 3/28/2023
0.2.0.7 259 3/28/2023
0.2.0.6 285 3/27/2023
0.2.0.5 273 3/27/2023
0.2.0.4 242 3/27/2023
0.2.0.3 245 3/27/2023
0.2.0.2 306 3/24/2023
0.2.0.1 214 3/24/2023
0.2.0 337 3/23/2023
0.1.8 243 3/22/2023
0.1.7 887 3/21/2023
0.1.6.9 242 3/21/2023
0.1.6.8 233 3/19/2023
0.1.6.7 240 3/17/2023
0.1.6.6 250 3/17/2023
0.1.6.5 245 3/17/2023
0.1.6.4 251 3/17/2023
0.1.6.3 230 3/16/2023
0.1.6.2 237 3/16/2023
0.1.6.1 255 3/16/2023
0.1.6 233 3/16/2023
0.1.5 246 3/13/2023
0.1.4 256 3/10/2023
0.1.3.11 271 3/10/2023
0.1.3.10 268 3/10/2023
0.1.3.9 287 3/10/2023
0.1.3.8 269 3/10/2023
0.1.3.7 261 3/9/2023
0.1.3.6 251 3/9/2023
0.1.3.5 259 3/9/2023
0.1.3.4 269 3/2/2023
0.1.3.3 292 3/1/2023
0.1.3.2 267 3/1/2023
0.1.3.1 281 3/1/2023
0.1.3 276 2/28/2023
0.1.2 265 2/27/2023
0.1.1 258 2/27/2023
0.1.0 264 2/25/2023