lawang code

lawang Code


Tanyakan kode disini

Cara mengubah background usercontrol ketika keyboard focus

oleh handita okviyanto 4 tahun yang lalu

Jika anda menggunakan WPF pastinya tahu dengan namanya itemscontrol dimana anda dapat membuat template control yang dapat diduplikasi sesuai dengan kebutuhan anda. Mungkin mirip listview seperti di android.

Untuk memberikan efek background user control ketika keyboard focus pada user control tertentu anda dapat menggunakan style di wpf.

Asumsikan saya punya usercontrol seperti berikut ini

usercontrol

Kemudian code dari usercontrol saya sebagai berikut :

<UserControl x:Class="Susenas2015.Content.KOR.Halaman12"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:kor="clr-namespace:Susenas2015.Content.KOR"
     mc:Ignorable="d" 
     d:DesignHeight="1200" d:DesignWidth="1500">
<ScrollViewer HorizontalScrollBarVisibility="Auto" >
<StackPanel Orientation="Horizontal">
    <kor:Halaman12a Width="300"></kor:Halaman12a>
    <ItemsControl ItemsSource="{Binding ListART5_1}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <kor:Halaman12b DataContext="{Binding}"/>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</StackPanel>
</ScrollViewer>


Untuk mendapatkan hasil misal dalam satu user control saya focus ke control apapun akan mengubah background dari usercontrol tersebut maka dapat menggunakan style seperti ini :

<kor:Halaman12b DataContext="{Binding}">
<kor:Halaman12b.Style>
    <Style TargetType="{x:Type kor:Halaman12b}">
        <Style.Triggers>
            <Trigger Property="IsKeyboardFocusWithin" Value="True">
                <Setter Property="Background" Value="Red"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</kor:Halaman12b.Style>
</kor:Halaman12b>

C# WPF usercontrol
Anda harus login terlebih dahulu untuk memberikan komentar

Recent Tag

X 5
X 6
X 1
X 21
X 2
X 3
X 1
X 260
X 1

Bantuan

Help

Feedback

Help