VPF::Дизайн приложений - Форум программистов

exBlender

Дата 25.1.2011, 18:24 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 130
Регистрация: 2.10.2009

Репутация: 9
Всего: 9

Цитата(Rohoss @ 21.1.2011, 09:29)

Вот что я называю иконкой на WPF

Код


<ControlTemplate x:Key="ct1">
                <ContentControl>
                    <Viewbox>
                        <Grid>
                            <Rectangle Opacity="0.1" Fill="Orange" x:Name="Rectangle" Width="254.042" Height="152.646" Canvas.Left="0.0419769" Canvas.Top="0" Stretch="Fill" StrokeThickness="2" StrokeLineJoin="Round" Stroke="#FF000000"/>
                            <Path Fill="Orange" x:Name="Path" Width="254.167" Height="152.5" Canvas.Left="0" Canvas.Top="0.145996" Stretch="Fill" StrokeThickness="2" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 60.9998,91.1458L 1,91.1458L 1,61.1458L 60.9998,61.1458L 60.9998,1.14606L 90.9998,1.14606L 90.9998,61.1458L 151,61.1458L 151,91.1458L 90.9998,91.1458L 90.9998,151.146L 60.9998,151.146L 60.9998,91.1458 Z M 201.5,121.646L 253.167,121.646L 253.167,151.646L 172.167,151.646L 172.167,151.146L 171.5,151.146L 171.5,1.146L 201.5,1.146L 201.5,121.646 Z "/>
                        </Grid>
                    </Viewbox>
                    <ContentControl.Triggers>
                        <EventTrigger RoutedEvent="MouseEnter">
                            <EventTrigger.Actions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation Duration="0:0:0.2"
                                                         Storyboard.TargetName="Rectangle"
                                                         Storyboard.TargetProperty="Opacity" 
                                                         From="0.1"
                                                         To="0.5" >
                                        </DoubleAnimation>
                                    </Storyboard>
                                </BeginStoryboard>
                            </EventTrigger.Actions>
                        </EventTrigger>
                        <EventTrigger RoutedEvent="MouseLeave">
                            <EventTrigger.Actions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation Duration="0:0:0.2"
                                                         Storyboard.TargetName="Rectangle"
                                                         Storyboard.TargetProperty="Opacity" 
                                                         From="0.5"
                                                         To="0.1" >
                                        </DoubleAnimation>
                                    </Storyboard>
                                </BeginStoryboard>
                            </EventTrigger.Actions>
                        </EventTrigger>
                        <EventTrigger RoutedEvent="MouseDown">
                            <EventTrigger.Actions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation Duration="0:0:0.2"
                                                         AutoReverse="True"
                                                         Storyboard.TargetName="Path"
                                                         Storyboard.TargetProperty="Opacity" 
                                                         From="1"
                                                         To="0.1" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </EventTrigger.Actions>
                        </EventTrigger>
                    </ContentControl.Triggers>
                </ContentControl>
            </ControlTemplate>

Где такие вещи брать? :crazy

Не надо брать такие вещи. Там не меняется ничего, кроме Opacity.

В реальных приложениях содается стиль прозрачной кнопки, а анимация такого типа навешивается на ContentPresenter.
Для векторных иконок создаются ресурсы - DrawingBrush'и, которые помещаются в ContentPresenter, типа:

Код


<StackPanel Style="{StaticResource IconButtonsPanel}">
      <Button>
         <Rectangle Fill="{StaticResource Icon1}" />
      </Button>
      <Button>
         <Ellipse Fill="{StaticResource Icon2}" />
      </Button>
   ...
</StackPanel>

Анимация создается один раз и в приложении работает для всех иконок этого типа одинаково.
Можно написать extension, - xaml будет выглядеть еще проще.

--------------------

HTML и CSS забыв как страшный сон, хвалу я заммэлу пою и фирме Майкрософт.

Bars1992

Дата 25.1.2011, 19:55 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 12.1.2011

Репутация: нет
Всего: нет

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

Например нашел векторные рисунки контролов в EPS формате. Но как конвертировать EPS в XAML так и не нашел. Просмотев ище несколько примеров, я заметил что там почти всё в EPS.

Если не сложно можешь описать весь процес как ты создаешь стиль, с уровнем детализации который не лень написать smile

Rohoss

Дата 25.1.2011, 20:53 (ссылка)

(нет голосов)

Загрузка ...

Начальник интернета

Профиль
Группа: Завсегдатай
Сообщений: 1308
Регистрация: 9.10.2006
Где: Matrix

Репутация: 4
Всего: 18

Bars1992, используй утилиту Expression Design

Добавлено через 1 минуту и 22 секунды

Цитата(exBlender @ 25.1.2011, 18:24

)

Не надо брать такие вещи. Там не меняется ничего, кроме Opacity.

Я знаю, так как сам это создавал. Но ведь могу быть иконки и более красивые...

--------------------

Файловый менеджер Explorer.Net скачать video

vikaz

Дата 25.1.2011, 21:24 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 869
Регистрация: 15.2.2006

Репутация: 1
Всего: 12

Цитата(Bars1992 @ 25.1.2011, 21:55

)

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

Например нашел векторные рисунки контролов в EPS формате. Но как конвертировать EPS в XAML так и не нашел. Просмотев ище несколько примеров, я заметил что там почти всё в EPS.

Если не сложно можешь описать весь процес как ты создаешь стиль, с уровнем детализации который не лень написать smile

Конечно камрад. Есть плагин для AI (Adobe Illustraition), он позволяет экспортировать XAML. Это первая возможность. Вторая - использовать формат SVG и использовать плагин для его отображения в WPF

Добавлено через 1 минуту и 19 секунд

Цитата(Rohoss @ 25.1.2011, 22:53

)

Я знаю, так как сам это создавал. Но ведь могу быть иконки и более красивые...

В этом нет смысла. Так как в основном анимация накладывается не на иконку, а на кнопки и др. элементы!

--------------------

Нет ничего настолько исправного, чтобы в нем не было ошибок. /Ф. Петрарка/

Bars1992

Дата 25.1.2011, 23:39 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 12.1.2011

Репутация: нет
Всего: нет

vikaz огромнишее спасибо smile

Да, пользуясь таким количество backgrounds, controls, icons с сайта http://allday.ru можно создавать очень красивые и высокофункциональные программы

Это сообщение отредактировал(а) Bars1992 - 25.1.2011, 23:49

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| WPF и Silverlight \| Следующая тема »