Как реализовать подобые кнопочки

@Тов. Эдуард · Регистрация: 20.11.2010

Я в фотошопе нарисовал набор кнопок, и хочу их применить в своем приложении. Но незнаю как это реализовать в WPF, помогите пожалуйста.
Всем заранее спасибо

Комментарий модератора

Дублирование тем запрещено правилами форума!
Дубль удален.

@saiman_OK · 16.05.2011, 00:59

Тут нужен Expression Blend, с помощью это делается в считанные секунды. Копируете с помощью этого инструмента шаблон кнопки, выдираете оттуда все лишнее и пихаете туда свои картинки)

@probit · 16.05.2011, 23:32

Есть идея добавить в пикчербокс, сделать прозрачность краёв через битмап, если нужна видимость нажатия, то сделать изменение картинки при нажатии на пикчербокс, я в WPF ориентируюсь плохо, тк что, чем смог - тем помог.

@Тов. Эдуард · 17.05.2011, 16:26 **[ТС]**

Есть идея добавить в пикчербокс, сделать прозрачность краёв через битмап, если нужна видимость нажатия, то сделать изменение картинки при нажатии на пикчербокс, я в WPF ориентируюсь плохо, тк что, чем смог - тем помог.

я так делал в windows application, но когда объектов много начинает тормозить, как и в конструкторе, так и при запуске

@kenny69 · 17.05.2011, 16:56

XML

<Button.Template>
      <ControlTemplate TargetType="{x:Type Button}">
         <Grid>
            <Image Name="Normal" Source="Resources/Normal.png"/>
            <Image Name="Pressed" Source="Resources/Pressed.png" Visibility="Hidden"/>
            <Image Name="Disabled" Source="Resources/Disabled.png" Visibility="Hidden"/>
         </Grid>
         <ControlTemplate.Triggers>
            <Trigger Property="IsPressed" Value="True">
               <Setter TargetName="Normal" Property="Visibility" Value="Hidden"/>
               <Setter TargetName="Pressed" Property="Visibility" Value="Visible"/>
            </Trigger>
            <Trigger Property="IsEnabled" Value="False">
               <Setter TargetName="Normal" Property="Visibility" Value="Hidden"/>
               <Setter TargetName="Disabled" Property="Visibility" Value="Visible"/>
            </Trigger>
         </ControlTemplate.Triggers>
      </ControlTemplate>
   </Button.Template>

@Тов. Эдуард · 17.05.2011, 16:59 **[ТС]**

Спасибо большое! А куда его вставлять?

Комментарий модератора

Если какой-либо пост на форуме показался вам полезным, нажмите кнопку "Спасибо" внизу самого поста.

@kenny69 · 17.05.2011, 17:14

внутрь Window

XML

 <Window.Resources>
        <Style TargetType="{x:Type Button}">
            <Setter Property="Template">
                <Setter.Value>                  
                        <ControlTemplate TargetType="{x:Type Button}">
                            <Grid>
                                <Image Name="Normal" Source="/Images/Penguins.jpg"/>
                                <Image Name="Pressed" Source="/Images/Lighthouse.jpg" Visibility="Hidden"/>
                                <Image Name="Disabled" Source="/Images/Desert.jpg" Visibility="Hidden"/>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsPressed" Value="True">
                                    <Setter TargetName="Normal" Property="Visibility" Value="Hidden"/>
                                    <Setter TargetName="Pressed" Property="Visibility" Value="Visible"/>
                                </Trigger>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="Normal" Property="Visibility" Value="Hidden"/>
                                    <Setter TargetName="Disabled" Property="Visibility" Value="Visible"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Grid>
        <Button></Button>
    </Grid>

@Тов. Эдуард · 19.05.2011, 19:39 **[ТС]**

kenny69 спасибо огромное! Вот только текст невиден(((

@kenny69 · 19.05.2011, 23:10

положите TextBox на Image

@Тов. Эдуард · 20.05.2011, 21:22 **[ТС]**

положите TextBox на Image

В смысле?

@kenny69 · 21.05.2011, 00:42

т.е.

XML

   <Grid>
                                <Image Name="Normal" Source="/Images/Penguins.jpg"/>
                                <Image Name="Pressed" Source="/Images/Lighthouse.jpg" Visibility="Hidden"/>
                                <Image Name="Disabled" Source="/Images/Desert.jpg" Visibility="Hidden"/>
                                <TextBox>какой-то текст<TextBox />
                            </Grid>

@saiman_OK 13 / 13 / 3 Регистрация: 20.01.2011 Сообщений: 56
	16.05.2011, 00:59	2
	Тут нужен Expression Blend, с помощью это делается в считанные секунды. Копируете с помощью этого инструмента шаблон кнопки, выдираете оттуда все лишнее и пихаете туда свои картинки) 0

@probit 70 / 63 / 1 Регистрация: 25.04.2011 Сообщений: 181
	16.05.2011, 23:32	3
	Есть идея добавить в пикчербокс, сделать прозрачность краёв через битмап, если нужна видимость нажатия, то сделать изменение картинки при нажатии на пикчербокс, я в WPF ориентируюсь плохо, тк что, чем смог - тем помог. 0

@Тов. Эдуард 4 / 4 / 1 Регистрация: 20.11.2010 Сообщений: 211
	17.05.2011, 16:26 [ТС]	4
	Есть идея добавить в пикчербокс, сделать прозрачность краёв через битмап, если нужна видимость нажатия, то сделать изменение картинки при нажатии на пикчербокс, я в WPF ориентируюсь плохо, тк что, чем смог - тем помог. я так делал в windows application, но когда объектов много начинает тормозить, как и в конструкторе, так и при запуске 0

@Тов. Эдуард 4 / 4 / 1 Регистрация: 20.11.2010 Сообщений: 211
	19.05.2011, 19:39 [ТС]	8
	kenny69 спасибо огромное! Вот только текст невиден((( 0

@kenny69 burning1ife 1460 / 1282 / 293 Регистрация: 21.09.2008 Сообщений: 3,438 Записей в блоге: 9
	19.05.2011, 23:10	9
	положите TextBox на Image 0

@Тов. Эдуард 4 / 4 / 1 Регистрация: 20.11.2010 Сообщений: 211
	20.05.2011, 21:22 [ТС]	10
	положите TextBox на Image В смысле? 0

Опции темы