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

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

Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM 5/5 (20 reviews)

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

Đã đăng 2018-03-07 09:00:06 bởi Kteam
12 bình luận 6563 lượt xem
Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM 5 /5 stars (1 reviews)
 

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ó

 

Chia sẻ:
Thảo luận Hỏi và đáp Báo lỗi bài viết
Hủy bỏ   hoặc  
Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM
hoangtuvabachma_tsntm 2018-06-08 08:36:31

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

0 bình chọn
Reply
Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM
nguyenthotnotcantho 2018-05-22 17:15:54

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 

0 bình chọn
Reply
View all 1 comments
Kteam - Howkteam Free Education
minhquanct3 2018-07-02 14:43:17
bản này ko hỗ trợ copy code...làm sao lấy dc code hmtl của nó nhỉ???
0 bình chọn
Reply
Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM
star.itachi 2018-04-08 01:57:02

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.

0 bình chọn
Reply
Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM
whitewolf.chau 2018-04-07 14:12:03

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.

0 bình chọn
Reply
Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM
dongbadao.96 2018-03-25 15:49:24

Chào add, mình down load MasterialXAML về nhưng không có thư mục BIN giống trong video, add có thể chia sẻ MasterialXAML được không add? gmail : dongleba.96@gmail.com

0 bình chọn
Reply
Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM
Nguyễn Thiên Nga 2018-03-19 23:45:14

Hi Kteam,

Mình download MasterialXAML ở git về nhưng bị lỗi rất nhiều không build đc Kteam có thể nào gửi bản mà Kteam tải về và build đc vào email: nguyenthiennga.97.qn@gmail.com được không?

Rất mong nhận được sự phản hồi của Kteam!

 

0 bình chọn
Reply
View all 1 comments
Kteam - Howkteam Free Education
InterDuc 2018-03-21 09:41:51
Để khắc phục tình trạng trên bạn phải sử dụng VS2017 nhé, set startup Project là MaterialDesignDemo và build là được, trước khi build nhớ cài đặt nuget phiên bản mới PM&gt;Install-Package MaterialDesignThemes
0 bình chọn
Reply
Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM
tranquochuy_t2k3 2018-03-15 22:45:58

Chào add, mình down load MasterialXAML về nhưng không có thư mục BIN giống trong video, chạy thử file.sln build ra báo 100 lỗi,  add chia sẻ cái masterial tools của add được không, huytq.dhnv@gmail.com cảm ơn add

0 bình chọn
Reply
Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM
nganvt.sc.py 2018-03-15 12:37:34

Em chào Kteam ạ!

Nhóm có thể cho em xin file Download : Material Designtoolkit được không a. Vì Em đã Download về nhưng không có thu mục Bin ạ. em thấy nó rất có ích và đang học nên cần cái này ah.

Nếu được có thể gởi qua mail giúp e ạ: Nganvt.sc.py@gmail.com. EM xin cảm ơn nhóm và chúc nhóm có nhiều sức khỏe và có nhiều dự án thành công!

0 bình chọn
Reply
Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM
ndkhoa1011 2018-03-11 20:51:31

Hi Kteam,

Bạn Long có thể up cho mình xin project materialdesigntoolkit  bạn dơnload về được không. Vì minh download về nhưng ko có phần coi code của một control nào đó như trong video demo của bạn.

Thanks bạn. Chúc bạn và Kteam nhiều sức khỏe

0 bình chọn
Reply
Cài đặt Material Design trong phần mềm quản lý kho WPF - MVVM
hoiucngayay122013 2018-03-08 20:53:45

a Long cho e xin cái file materialdesigntoolkit tải về với, e lên mạng tải về không có thư mục Bin, gmail của e : hoiucngayay122013@gmail.com. E cảm ơn a trước

0 bình chọn
Reply
Hủy bỏ   hoặc  
Hủy bỏ   hoặc  

Chiến dịch

Kteam - Howkteam Free Education