Lập trình WPF cơ bản

Lập trình WPF cơ bản

Style trong lập trình WPF Style trong lập trình WPF Style trong lập trình WPF Style trong lập trình WPF Style trong lập trình WPF 0/5 (56 reviews)

Style trong lập trình WPF

Đã đăng 2017-01-26 11:55:50 bởi Kteam
0 bình luận 17987 lượt xem
Style trong lập trình WPF 0 /5 stars (1 reviews)
 

Dẫn nhập

Sức mạnh của hệ điều hành Window là không thể chối cãi. Và để tạo nên sức mạnh đó không thể thiếu những ứng dụng mạnh mẽ. Vậy để tạo ra những ứng dụng đó, người lập trình viên cần học cái gì? Lập trình Winform thật sự rất mạnh. Nhưng vẫn còn những giới hạn. Vậy cùng nhau vượt qua các giới hạn đó với Lập trình WPF.

Nội dung

Tổng quan lập trình WPF

Download project

MainWindow.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Style___WPF
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}

MainWindow.xaml

<Window x:Class="Style___WPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <ResourceDictionary Source="StyleResource.xaml"></ResourceDictionary>
        
    </Window.Resources>
    <StackPanel>
        <Grid>
            <Grid.Resources>
                <Style TargetType="Button">
                    <Setter Property="Width" Value="150"></Setter>
                    <Setter Property="Background" Value="Aqua"></Setter>
                </Style>
                <Style TargetType="TextBox">
                    <Setter Property="Width" Value="150"></Setter>
                    <Setter Property="Background" Value="Aqua"></Setter>
                </Style>
                
            </Grid.Resources>
            <Button Content="HowKteam.com" HorizontalAlignment="Left">
            </Button>
            <Button Content="HowKteam.com" HorizontalAlignment="Right">
            </Button>
            <TextBox Width="100"></TextBox>
        </Grid>     
        <StackPanel>
            <StackPanel.Resources>
                <Style TargetType="Button" x:Key="btnStylePurple">
                    <Setter Property="Width" Value="150"></Setter>
                    <Setter Property="Background" Value="Purple"></Setter>
                </Style>
                <Style TargetType="Button" x:Key="btnStyleOrange">
                    <Setter Property="Width" Value="150"></Setter>
                    <Setter Property="Background" Value="Orange"></Setter>
                </Style>
            </StackPanel.Resources>
            <Button Content="Free Education" Style="{StaticResource btnStylePurple}">
            </Button>
            <Button Content="Free Education" Style="{StaticResource btnStyleOrange}">
            </Button>
        </StackPanel>
        <StackPanel>
            <Button Content="Share to be better"></Button>
            <TextBox Text="K9">
                <TextBox.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="#FFA5EA2E" Offset="0.648"/>
                    </LinearGradientBrush>
                </TextBox.Background>

            </TextBox>
        </StackPanel>
        <StackPanel>
            <Button Content="Mushi" Background="{StaticResource colorGardien}" Style="{StaticResource ResourceKey=btnStyleFrom_ResourceFile}">               
            </Button>
        </StackPanel>
    </StackPanel>
</Window>

StyleResource.xaml

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Style TargetType="Button" x:Key="btnStyleFrom_ResourceFile">
        <Setter Property="Width" Value="150"></Setter>
        <Setter Property="Background" Value="Green"></Setter>
    </Style>
    <LinearGradientBrush x:Key="colorGardien" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="Black" Offset="0"/>
        <GradientStop Color="#FFE647FF" Offset="1"/>
    </LinearGradientBrush>
</ResourceDictionary>

Kết luận

Bài sau chúng ta sẽ cùng nhau tìm hiểu về DataTemplate trong lập trình WPF nhé.

Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. Đừng quên “Luyện tập – Thử thách – Không ngại khó”.

Chia sẻ:
Thảo luận Hỏi và đáp Báo lỗi bài viết
Hủy bỏ   hoặc  
Hủy bỏ   hoặc  
Hủy bỏ   hoặc  

Chiến dịch

Kteam - Howkteam Free Education