Canvas trong lập trình WPF

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

5.0 (4 đánh giá)
Tạo bởi HowKteam Cập nhật lần cuối 23:52 13-05-2023 73.484 lượt xem 1 bình luận
Tác giả/Dịch giả: HowKteam
Học nhanh

Danh sách bài học

Canvas trong lập trình WPF

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 Canvas___WPF
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            Canvas.SetZIndex(btn2, 99);
        }
    }
}

MainWindow.xaml

<Window x:Class="Canvas___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">
    <Canvas>
        <Button Click="Button_Click" Panel.ZIndex="1" Canvas.Top="200" Canvas.Left="150" Width="200" Height="100" Content="1" FontSize="50"></Button>
        <Button x:Name="btn2" Panel.ZIndex="0" Canvas.Left="50" Canvas.Bottom="50" Width="200" Height="100" Content="2" FontSize="50"></Button>        
        <Ellipse Fill="Aqua" Width="100" Height="50"></Ellipse>
        <Rectangle Canvas.Left="50" Canvas.Top="20" Fill="Pink" Width="100" Height="50"></Rectangle>        
    </Canvas>
</Window>

Kết luận

Bài sau chúng ta sẽ cùng nhau tìm hiểu về Border 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ó”.


Tải xuống

Tài liệu

Nhằm phục vụ mục đích học tập Offline của cộng đồng, Kteam hỗ trợ tính năng lưu trữ nội dung bài học Canvas trong lập trình WPF dưới dạng file PDF trong link bên dưới.

Ngoài ra, bạn cũng có thể tìm thấy các tài liệu được đóng góp từ cộng đồng ở mục TÀI LIỆU trên thư viện Howkteam.com

Đừng quên likeshare để ủng hộ Kteam và tác giả nhé!

Project

Nếu việc thực hành theo hướng dẫn không diễn ra suôn sẻ như mong muốn. Bạn cũng có thể tải xuống PROJECT THAM KHẢO ở link bên dưới!


Thảo luận

Nếu bạn có bất kỳ khó khăn hay thắc mắc gì về khóa học, đừng ngần ngại đặt câu hỏi trong phần bên dưới hoặc trong mục HỎI & ĐÁP trên thư viện Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.

Nội dung bài viết

Tác giả/Dịch giả

Khóa học

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

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

Đánh giá

Vo Tan Duc đã đánh giá 10:23 23-04-2022

Cái này hay nè! Thiết kế đồ họa 3 chiều và vẽ hình được luôn! Wonderful! Xin cảm ơn Kteam và anh Long đã tạo nên khóa học này. Hy vọng trong tương lai sẽ có những khóa học thực chiến WPF về phần mềm, tool,...

hanhtoan đã đánh giá 09:14 18-07-2021

Nội dung rất hay.

Drnxloc đã đánh giá 18:58 04-01-2021

gooddd

chuothungbang96 đã đánh giá 09:24 11-04-2020

hihihihihihihi

Bình luận

Để bình luận, bạn cần đăng nhập bằng tài khoản Howkteam.

Đăng nhập
dangtqakg77 đã bình luận 21:26 03-12-2022

Thanks HKTEAM, mình muốn hỏi trong bài canvas. Trường hợp khi thực hiện event_click : 

click_button1 thì đổi màu button 2. ( đổi màu chữ hoặc màu nền) và ngược lại. thì sử dụng hàm gì vậy AD?

Không có video.