Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM

Lập trình phần mềm quản lý kho WPF - MVVM

5.0 (2 đánh giá)
Tạo bởi Kteam Cập nhật lần cuối 10:28 07-03-2018 10.092 lượt xem 18 bình luận
Học nhanh

Danh sách bài học

Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM

Dẫn nhập

Nếu bạn đã từng rất thích thú với việc tự làm dự án thực tế qua serial hướng dẫn lập trình PHẦN MỀM QUẢN LÝ QUÁN CAFE bằng Winform thì chẳng có lý do gì để không tiếp tục nâng cao kinh nghiệm cá nhân với serial lập trình Phần mềm quản lý kho WPF – MVVM này. Không chỉ đề cập đến công nghệ WPF, serial còn kết hợp mô hình MVVM, entity framework, … và nhiều kỹ thuật khác.

Ở bài trước chúng ta đã tìm hiểu về cách PHÂN TÍCH ĐẶC TẢ PHẦN MỀM QUẢN LÝ KHO WPF – MVVM. Trong bài này, Kteam sẽ giới thiệu đến các bạn cách Cài đặt Material Design vào project WPF.


Nội dung 

Nội dung bao gồm Source code & các lưu ý chính về quá trình thực hiện phần mềm. Kteam khuyến khích bạn cập nhập thêm nhiều kinh nghiệm cũng như hiểu chi tiết hơn về các kỹ thuật được đề cập trong bài học thông qua các video đính kèm.

Đừng quên Like Facebook hoặc +1 Google để ủng hộ Kteam và tác giả.

 Để theo dõi tốt khóa học này, hãy đảm bảo bạn đã xem qua kiến thức về: 


Cài đặt Material Desgin

Link tải Material Design In XAML Toolkit: 

http://materialdesigninxaml.net/


Project tham khảo

App.xaml

<Application x:Class="QuanLyKho.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:QuanLyKho"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

App.xaml.cs

using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Threading.Tasks;
using System.Windows;

namespace QuanLyKho
{
    /// <summary>
    /// Interaction logic for App.xaml
    /// </summary>
    public partial class App : Application
    {
    }
}

MainWindow.xaml

<Window x:Class="QuanLyKho.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:QuanLyKho"
        mc:Ignorable="d"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        TextElement.Foreground="{DynamicResource MaterialDesignBody}"
     TextElement.FontWeight="Regular"
     TextElement.FontSize="13"
     TextOptions.TextFormattingMode="Ideal"
     TextOptions.TextRenderingMode="Auto"
     Background="{DynamicResource MaterialDesignPaper}"
     FontFamily="{DynamicResource MaterialDesignFont}"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <materialDesign:Card HorizontalAlignment="Center" VerticalAlignment="Center" Height="200" Width="200">
            <TextBlock VerticalAlignment="Center" Text="Howkteam.com - Free Education"></TextBlock>
        </materialDesign:Card>
    </Grid>
</Window>

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

Tải 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! 


Kết

Trong bài này, chúng ta đã tìm hiểu cách phân tích đặc tả phần mềm quản lý kho.

Ở bài sau, Kteam sẽ giới thiệu đến bạn về MÔ HÌNH MVVM TRONG PHẦN MỀM QUẢN LÝ KHO WPF – MVVM.

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. Và đừng quên “Luyện tập – Thử Thách – Không ngại khó

 


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ÌNH LUẬ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ả

Khóa học

Lập trình phần mềm quản lý kho WPF - MVVM

Lập trình phần mềm quản lý kho WPF - MVVM

Đánh giá

Minhnguyenvan đã đánh giá 08:29 04-04-2019

K9 SuperAdmin đã đánh giá 19:38 01-03-2019

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
trantran đã bình luận 00:08 18-03-2019

Visual 2015 chạy bị lỗi F5 vẫn lỗi thì phải làm sao zạ ad??????????

hoangtuvabachma_tsntm đã bình luận 08:36 08-06-2018

xin hỏi làm thế nào để cài DXDocking trong wfp https://www.youtube.com/watch?v=bLSvB9rbHO0

nguyenthotnotcantho đã bình luận 17:15 22-05-2018

visual 2015 cài tốt với phiên bản MaterialDesignInXamlToolkit-2.2.0 nhe các bạn: giống như chú kia nói: mở bằng visual 2015

( MaterialDesignToolkit.Wpf ) >>>> sau đó f5  đợi 1 chút cho nó chạy xong sau đó tắt đi vô thư mục : MainDemo.Wpf >> bin >>> debug >>> MaterialDesignDemo tận hưởng thôi các bạn 

star.itachi đã bình luận 01:57 08-04-2018

Bổ sung thêm câu trả lời của bạn bên trên. Nếu dùng VS2015 build bản mới nhất không được các bạn có thể download các ver cũ hơn như 2.3.0 rồi tiến hành build lại sẽ thành công.

whitewolf.chau đã bình luận 14:12 07-04-2018

Mình là Newmember sau một hồi mài mò thì cũng thành công, nay share lại cho các bạn cách tạo file Bin trong MaterialDesignInXamlToolkit-master.

1/ Sau khi giải nén file MaterialDesignInXamlToolkit-master.rar vào folder MaterialDesignInXamlToolkit-master tìm file MaterialDesignToolkit.Wpf.sln mở bằng Visual Studio 2017 (2015 chưa test chưa biết).

2/ Sau khi mở file MaterialDesignToolkit.Wpf.sln bằng VS2017 xong thì chọn trên tab theo nội dung sau Debug>>>Any CPU >>> MaterialDesignDemo >>> Play (hoặc nhấn f5)

*** Mấy cái tool này hay bị lỗi, nếu chẳng may F5 xong nó báo lỗi thì đừng lo, nhấn F5 lần nữa, ko được thì làm lại từ bước 1.

3/ Sau đó vào lại folder MaterialDesignInXamlToolkit-master >>> MainDemo.Wpf >>> Bin >>> Debug >>> MaterialDesignDemo.exe

Sau đó tận hưởng thành quả.

Chúc thành công.

Không có video.