Arion.Style
0.2.0.1
See the version list below for details.
dotnet add package Arion.Style --version 0.2.0.1
NuGet\Install-Package Arion.Style -Version 0.2.0.1
<PackageReference Include="Arion.Style" Version="0.2.0.1" />
paket add Arion.Style --version 0.2.0.1
#r "nuget: Arion.Style, 0.2.0.1"
// Install Arion.Style as a Cake Addin #addin nuget:?package=Arion.Style&version=0.2.0.1 // Install Arion.Style as a Cake Tool #tool nuget:?package=Arion.Style&version=0.2.0.1
Arion style
Библиотека стилей
Подключение
В менеджере пакетов Nuget находите пакет Arion.Style
и устанавливаете его
В документ App.xaml
добавляете словарь
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="/Arion.Theme;component/ArionUiTheme.xaml" />
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
Использование конкретных элементов прописано в самом элементе
Оглавление
- Кнопки
- Текстовые поля
- Чек бокс
- Переключатель
- Радио кнопки
- Свитчер
- Слайдер
- Списки
- Табы
- Всплывающие подсказки
- Цвета
- Иконки
Кнопка
Обычные кнопки
Есть несколько типов стилей кнопок Filled
, Outline
, Text
Filled - Закрашенные без рамок Outline - Белые кнопки с рамками Text - Белые кнопки без рамок, на белом фоне похожи на простой текст, пока не наведешь
Так же есть 3 размера этих кнопок Large(Lg
), Medium(Md
) и Small(Sm
)
Для использования стилей пишете сначала тип кнопки, потом её размер в сокращенном варианте
Доступные стили для версии 0.1.3
Filled | Outline | Text | |
---|---|---|---|
Large (Lg) | |||
Medium (Md) | |||
Small (Sm) |
FilledLg
,
FilledMd
,
FilledSm
,
OutlineLg
,
OutlineMd
,
OutlineSm
,
TextLg
,
TextMd
,
TextSm
.
Текстовое поле
Стиль текстового поля задан по умолчанию, поэтому какой то определенный стиль применять не требуется.
Так же есть текстовое поле с элементом предварительного текста TextInput
.
В этом элементе можно указать свойство Placeholder, которое отобразит текст, который будет пропадать при вводе.
xmlns:controls="clr-namespace:Arion.Theme.Controls;assembly=Arion.Theme"
<controls:TextInput Placeholder="Placeholder" />
Чек бокс
Стиль данного элемента также установлен по умолчанию, и имеет разное отображение на 3 состояния Checked
, Unchecked
, Null
Переключатель
Радио кнопки
Стиль установлен по умолчанию
Свитчер
Переключатели или же свитчеры, стиль для Радио кнопок.
Имеют 3 типа по отображению
Switcher | |
---|---|
First | |
Middle | |
Last |
SwitcherFirst
, SwitcherMiddle
, SwitcherLast
Слайдер
Табы
Списки
Всплывающие подсказки
Цвета
Pr | R | G | Y | P | T | |
---|---|---|---|---|---|---|
50 | ||||||
100 | ||||||
200 | ||||||
300 | ||||||
400 | ||||||
500 | ||||||
600 | ||||||
700 | ||||||
800 | ||||||
900 |
Pr50
, Pr100
, Pr200
, Pr300
, Pr400
, Pr500
, Pr600
, Pr700
, Pr800
, Pr900
и так далее
Тени
El1 | El2 | El3 | El4 | El5 | El6 |
---|---|---|---|---|---|
Иконки
Для того что бы использовать иконки требуется так же подключить директорию контролов из библиотеки
xmlns:controls="clr-namespace:Arion.Theme.Controls;assembly=Arion.Theme"
После чего появится возможность использовать элемент Icon
<controls:Icon Kind="" Width="" Height="" Fill=""/>
В данном элементе есть 4 стандартных свойства которые требуется задать
Kind
- ИконкаWidth
- ШиринаHeight
- ВысотаFill
- Заливка цветом
Пак всех иконок будет добавлен позднее
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET Framework | net461 is compatible. net462 was computed. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 is compatible. net481 was computed. |
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 | 264 | 3/25/2024 | |
0.6.2.2 | 135 | 3/6/2024 | |
0.6.2.1 | 123 | 3/6/2024 | |
0.6.2 | 362 | 2/8/2024 | |
0.6.1 | 193 | 2/1/2024 | |
0.6.0 | 102 | 1/29/2024 | |
0.5.23 | 216 | 1/10/2024 | |
0.5.22 | 217 | 12/29/2023 | |
0.5.21 | 215 | 11/2/2023 | |
0.5.20 | 1,006 | 9/14/2023 | |
0.5.19 | 134 | 9/14/2023 | |
0.5.18 | 474 | 9/4/2023 | |
0.5.17 | 139 | 9/4/2023 | |
0.5.16 | 156 | 9/3/2023 | |
0.5.15 | 112 | 9/3/2023 | |
0.5.14 | 119 | 9/3/2023 | |
0.5.13 | 112 | 9/3/2023 | |
0.5.12 | 115 | 9/3/2023 | |
0.5.11 | 126 | 9/3/2023 | |
0.5.10 | 593 | 6/30/2023 | |
0.5.9 | 170 | 6/30/2023 | |
0.5.8 | 201 | 6/22/2023 | |
0.5.7 | 149 | 6/21/2023 | |
0.5.6 | 186 | 6/8/2023 | |
0.5.5 | 172 | 6/2/2023 | |
0.5.4.7 | 177 | 6/1/2023 | |
0.5.4.6 | 175 | 6/1/2023 | |
0.5.4.5 | 165 | 5/31/2023 | |
0.5.4.4 | 182 | 5/31/2023 | |
0.5.4.3 | 161 | 5/31/2023 | |
0.5.4.2 | 169 | 5/31/2023 | |
0.5.4.1 | 164 | 5/31/2023 | |
0.5.4 | 172 | 5/31/2023 | |
0.5.3 | 159 | 5/30/2023 | |
0.5.2 | 165 | 5/30/2023 | |
0.5.1 | 193 | 5/29/2023 | |
0.5.0 | 178 | 5/22/2023 | |
0.4.11.1 | 225 | 5/10/2023 | |
0.4.11 | 213 | 5/10/2023 | |
0.4.10.2 | 161 | 5/5/2023 | |
0.4.10.1 | 202 | 5/5/2023 | |
0.4.10 | 198 | 5/5/2023 | |
0.4.9.4 | 253 | 5/4/2023 | |
0.4.9.3 | 220 | 5/4/2023 | |
0.4.9.2 | 220 | 5/4/2023 | |
0.4.9.1 | 178 | 5/4/2023 | |
0.4.9 | 200 | 5/3/2023 | |
0.4.8.1 | 218 | 5/2/2023 | |
0.4.8 | 198 | 4/30/2023 | |
0.4.7.1 | 216 | 4/28/2023 | |
0.4.7 | 207 | 4/28/2023 | |
0.4.6 | 221 | 4/28/2023 | |
0.4.5 | 213 | 4/24/2023 | |
0.4.4 | 236 | 4/20/2023 | |
0.4.3 | 185 | 4/19/2023 | |
0.4.1 | 240 | 4/17/2023 | |
0.4.0 | 261 | 4/15/2023 | |
0.3.7 | 237 | 4/10/2023 | |
0.3.6 | 273 | 4/10/2023 | |
0.3.5 | 256 | 4/10/2023 | |
0.3.4 | 235 | 4/10/2023 | |
0.3.3 | 285 | 4/7/2023 | |
0.3.2 | 256 | 4/7/2023 | |
0.3.1 | 253 | 4/7/2023 | |
0.3.0 | 269 | 4/6/2023 | |
0.2.8 | 281 | 3/31/2023 | |
0.2.7 | 240 | 3/31/2023 | |
0.2.6.7 | 266 | 3/31/2023 | |
0.2.6.6 | 241 | 3/31/2023 | |
0.2.6.5 | 268 | 3/31/2023 | |
0.2.6.4 | 262 | 3/31/2023 | |
0.2.6.3 | 273 | 3/31/2023 | |
0.2.6.2 | 278 | 3/30/2023 | |
0.2.6.1 | 247 | 3/30/2023 | |
0.2.6 | 255 | 3/30/2023 | |
0.2.5 | 293 | 3/29/2023 | |
0.2.4 | 257 | 3/29/2023 | |
0.2.3 | 259 | 3/29/2023 | |
0.2.2 | 259 | 3/29/2023 | |
0.2.1 | 277 | 3/28/2023 | |
0.2.0.7 | 287 | 3/28/2023 | |
0.2.0.6 | 293 | 3/27/2023 | |
0.2.0.5 | 296 | 3/27/2023 | |
0.2.0.4 | 272 | 3/27/2023 | |
0.2.0.3 | 276 | 3/27/2023 | |
0.2.0.2 | 330 | 3/24/2023 | |
0.2.0.1 | 234 | 3/24/2023 | |
0.2.0 | 370 | 3/23/2023 | |
0.1.8 | 290 | 3/22/2023 | |
0.1.7 | 967 | 3/21/2023 | |
0.1.6.9 | 263 | 3/21/2023 | |
0.1.6.8 | 253 | 3/19/2023 | |
0.1.6.7 | 257 | 3/17/2023 | |
0.1.6.6 | 271 | 3/17/2023 | |
0.1.6.5 | 263 | 3/17/2023 | |
0.1.6.4 | 275 | 3/17/2023 | |
0.1.6.3 | 248 | 3/16/2023 | |
0.1.6.2 | 259 | 3/16/2023 | |
0.1.6.1 | 276 | 3/16/2023 | |
0.1.6 | 254 | 3/16/2023 | |
0.1.5 | 266 | 3/13/2023 | |
0.1.4 | 278 | 3/10/2023 | |
0.1.3.11 | 292 | 3/10/2023 | |
0.1.3.10 | 289 | 3/10/2023 | |
0.1.3.9 | 309 | 3/10/2023 | |
0.1.3.8 | 292 | 3/10/2023 | |
0.1.3.7 | 308 | 3/9/2023 | |
0.1.3.6 | 270 | 3/9/2023 | |
0.1.3.5 | 283 | 3/9/2023 | |
0.1.3.4 | 289 | 3/2/2023 | |
0.1.3.3 | 314 | 3/1/2023 | |
0.1.3.2 | 291 | 3/1/2023 | |
0.1.3.1 | 299 | 3/1/2023 | |
0.1.3 | 301 | 2/28/2023 | |
0.1.2 | 285 | 2/27/2023 | |
0.1.1 | 282 | 2/27/2023 | |
0.1.0 | 277 | 2/25/2023 |