VPF::затемнение картинки на кнопке если кнопка недоступ

gambit

Дата 10.6.2011, 14:25 (ссылка)

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

Загрузка ...

Эксперт

Награды: 1

Профиль
Группа: Комодератор
Сообщений: 1359
Регистрация: 25.6.2006
Где: я?

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

Добрый день.
Интересует как можно сделать затемнение картинки кнопки если у этой кнопки isEnabled=false

1. МОжно конечно менять картинку - но это кривой путь
2. Можно накладывать шейдер - тоже не очень
3. искренне верю, что должен быть стандартный механизм - именно он и интересует

exBlender

Дата 10.6.2011, 16:19 (ссылка)

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

Загрузка ...

Шустрый

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

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

Я обычно уменьшаю Opacity.

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

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

gambit

Дата 10.6.2011, 16:20 (ссылка)

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

Загрузка ...

Эксперт

Награды: 1

Профиль
Группа: Комодератор
Сообщений: 1359
Регистрация: 25.6.2006
Где: я?

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

не понял каким образом прозрачность связана с эффектом недоступной кнопки

Brilona

Дата 10.6.2011, 16:50 (ссылка)

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

Загрузка ...

Шустрый

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

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

При VisualState "Disabled" увеличивать прозрачность содержимого кнопки.

Кнопка:

Код


            <Button Height="150" HorizontalAlignment="Left" Name="button1" VerticalAlignment="Top" Width="150" Click="button1_Click" Style="{StaticResource btnStyle}">
                <Button.Content>
                    <Image Source="button.png"/>
                </Button.Content>
            </Button>

Стиль кнопки:

Код


        <Style x:Key="btnStyle" TargetType="Button">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}"/>
            <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
            <Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
            <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
            <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}"/>

            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid x:Name="grid" Background="Transparent">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver"/>
                                    <VisualState x:Name="Pressed"/>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="0.5" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="ContentContainer" d:IsOptimized="True"/>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Border x:Name="ButtonBackground" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="0" Margin="{StaticResource PhoneTouchTargetOverhang}">
                                <ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

exBlender

Дата 10.6.2011, 20:03 (ссылка)

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

Загрузка ...

Шустрый

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

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

... или

Код


<Trigger Property="IsEnabled" Value="false">
     <Setter Property="Opacity" TargetName="contentPresenter" Value="0.2"/>
</Trigger>

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

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

-Mikle-

Дата 11.6.2011, 12:25 (ссылка)

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

Загрузка ...

Невидимка Vingrad'а

Профиль
Группа: Экс. модератор
Сообщений: 1672
Регистрация: 22.6.2003
Где: Казахстан, Астана

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

Если нужно именно затемнение, то можно поверх картинки кинуть рамку с цветом "#7F000000". Opacity у этой рамки по умолчанию сделай = 0. При дизейбле, меняй опасити на = 1. Это даст эффект именно затемнения того, что находится под этой рамкой.

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

Если тебе плюют в спину, значит ты впереди...

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