Arion.Style
0.1.6.6
See the version list below for details.
dotnet add package Arion.Style --version 0.1.6.6
NuGet\Install-Package Arion.Style -Version 0.1.6.6
<PackageReference Include="Arion.Style" Version="0.1.6.6" />
paket add Arion.Style --version 0.1.6.6
#r "nuget: Arion.Style, 0.1.6.6"
// Install Arion.Style as a Cake Addin #addin nuget:?package=Arion.Style&version=0.1.6.6 // Install Arion.Style as a Cake Tool #tool nuget:?package=Arion.Style&version=0.1.6.6
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 | 269 | 3/25/2024 | |
0.6.2.2 | 136 | 3/6/2024 | |
0.6.2.1 | 124 | 3/6/2024 | |
0.6.2 | 363 | 2/8/2024 | |
0.6.1 | 194 | 2/1/2024 | |
0.6.0 | 103 | 1/29/2024 | |
0.5.23 | 217 | 1/10/2024 | |
0.5.22 | 218 | 12/29/2023 | |
0.5.21 | 216 | 11/2/2023 | |
0.5.20 | 1,011 | 9/14/2023 | |
0.5.19 | 135 | 9/14/2023 | |
0.5.18 | 479 | 9/4/2023 | |
0.5.17 | 142 | 9/4/2023 | |
0.5.16 | 157 | 9/3/2023 | |
0.5.15 | 113 | 9/3/2023 | |
0.5.14 | 120 | 9/3/2023 | |
0.5.13 | 113 | 9/3/2023 | |
0.5.12 | 116 | 9/3/2023 | |
0.5.11 | 127 | 9/3/2023 | |
0.5.10 | 594 | 6/30/2023 | |
0.5.9 | 171 | 6/30/2023 | |
0.5.8 | 202 | 6/22/2023 | |
0.5.7 | 152 | 6/21/2023 | |
0.5.6 | 187 | 6/8/2023 | |
0.5.5 | 175 | 6/2/2023 | |
0.5.4.7 | 178 | 6/1/2023 | |
0.5.4.6 | 176 | 6/1/2023 | |
0.5.4.5 | 166 | 5/31/2023 | |
0.5.4.4 | 183 | 5/31/2023 | |
0.5.4.3 | 162 | 5/31/2023 | |
0.5.4.2 | 170 | 5/31/2023 | |
0.5.4.1 | 165 | 5/31/2023 | |
0.5.4 | 175 | 5/31/2023 | |
0.5.3 | 160 | 5/30/2023 | |
0.5.2 | 166 | 5/30/2023 | |
0.5.1 | 194 | 5/29/2023 | |
0.5.0 | 179 | 5/22/2023 | |
0.4.11.1 | 226 | 5/10/2023 | |
0.4.11 | 214 | 5/10/2023 | |
0.4.10.2 | 162 | 5/5/2023 | |
0.4.10.1 | 203 | 5/5/2023 | |
0.4.10 | 199 | 5/5/2023 | |
0.4.9.4 | 254 | 5/4/2023 | |
0.4.9.3 | 221 | 5/4/2023 | |
0.4.9.2 | 221 | 5/4/2023 | |
0.4.9.1 | 179 | 5/4/2023 | |
0.4.9 | 201 | 5/3/2023 | |
0.4.8.1 | 219 | 5/2/2023 | |
0.4.8 | 199 | 4/30/2023 | |
0.4.7.1 | 217 | 4/28/2023 | |
0.4.7 | 208 | 4/28/2023 | |
0.4.6 | 222 | 4/28/2023 | |
0.4.5 | 214 | 4/24/2023 | |
0.4.4 | 237 | 4/20/2023 | |
0.4.3 | 186 | 4/19/2023 | |
0.4.1 | 241 | 4/17/2023 | |
0.4.0 | 262 | 4/15/2023 | |
0.3.7 | 238 | 4/10/2023 | |
0.3.6 | 274 | 4/10/2023 | |
0.3.5 | 257 | 4/10/2023 | |
0.3.4 | 236 | 4/10/2023 | |
0.3.3 | 286 | 4/7/2023 | |
0.3.2 | 257 | 4/7/2023 | |
0.3.1 | 254 | 4/7/2023 | |
0.3.0 | 270 | 4/6/2023 | |
0.2.8 | 282 | 3/31/2023 | |
0.2.7 | 244 | 3/31/2023 | |
0.2.6.7 | 267 | 3/31/2023 | |
0.2.6.6 | 242 | 3/31/2023 | |
0.2.6.5 | 269 | 3/31/2023 | |
0.2.6.4 | 263 | 3/31/2023 | |
0.2.6.3 | 274 | 3/31/2023 | |
0.2.6.2 | 279 | 3/30/2023 | |
0.2.6.1 | 248 | 3/30/2023 | |
0.2.6 | 256 | 3/30/2023 | |
0.2.5 | 294 | 3/29/2023 | |
0.2.4 | 258 | 3/29/2023 | |
0.2.3 | 260 | 3/29/2023 | |
0.2.2 | 260 | 3/29/2023 | |
0.2.1 | 278 | 3/28/2023 | |
0.2.0.7 | 288 | 3/28/2023 | |
0.2.0.6 | 294 | 3/27/2023 | |
0.2.0.5 | 297 | 3/27/2023 | |
0.2.0.4 | 273 | 3/27/2023 | |
0.2.0.3 | 277 | 3/27/2023 | |
0.2.0.2 | 331 | 3/24/2023 | |
0.2.0.1 | 235 | 3/24/2023 | |
0.2.0 | 371 | 3/23/2023 | |
0.1.8 | 291 | 3/22/2023 | |
0.1.7 | 970 | 3/21/2023 | |
0.1.6.9 | 264 | 3/21/2023 | |
0.1.6.8 | 254 | 3/19/2023 | |
0.1.6.7 | 258 | 3/17/2023 | |
0.1.6.6 | 272 | 3/17/2023 | |
0.1.6.5 | 264 | 3/17/2023 | |
0.1.6.4 | 276 | 3/17/2023 | |
0.1.6.3 | 249 | 3/16/2023 | |
0.1.6.2 | 260 | 3/16/2023 | |
0.1.6.1 | 277 | 3/16/2023 | |
0.1.6 | 255 | 3/16/2023 | |
0.1.5 | 267 | 3/13/2023 | |
0.1.4 | 279 | 3/10/2023 | |
0.1.3.11 | 293 | 3/10/2023 | |
0.1.3.10 | 290 | 3/10/2023 | |
0.1.3.9 | 310 | 3/10/2023 | |
0.1.3.8 | 293 | 3/10/2023 | |
0.1.3.7 | 309 | 3/9/2023 | |
0.1.3.6 | 271 | 3/9/2023 | |
0.1.3.5 | 284 | 3/9/2023 | |
0.1.3.4 | 290 | 3/2/2023 | |
0.1.3.3 | 315 | 3/1/2023 | |
0.1.3.2 | 292 | 3/1/2023 | |
0.1.3.1 | 300 | 3/1/2023 | |
0.1.3 | 302 | 2/28/2023 | |
0.1.2 | 286 | 2/27/2023 | |
0.1.1 | 283 | 2/27/2023 | |
0.1.0 | 278 | 2/25/2023 |