在系統中有時通過以下界面可以直觀的展示信息給用戶:

以上圖形有幾點比較重要：

1，? 一個面板顯示一組屬性(例如物料顯示物料編號、物料規格)，但要把最主要的屬性通過顏色單獨處分出來。

2，? 通過顏色來區分重要性，例如(紅色表示缺物料、黃色表示后面還需要物料等)。

實現起來主要考慮一下幾點：

1，? 每個面板做成一個用戶控件(UserControl);

2，? 用一個WrapPannel加載用戶控件；

3，? 根據屬性值設置用戶控件的背景；

DEMO中主要說到以下內容：

1，? 實體類PartInfo.cs

2，? 看板控件KanBanUserControl.xaml

3，? 主界面MainWindow.xaml

詳細介紹：

1，? 實體類PartInfo.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

namespace KanBan

{

public enum KanBanColor

{

Red,

Yellow,

Green

}

public? class PartInfo

{

///

///? 物料編號

///

public string PartNO { get; set; }

///

///? 物料編號

///

public string Description { get; set; }

///

///? 需求數量

///

public int Demand { get; set; }

///

///? 已存在數量

///

public int Exist { get; set; }

///

///? 缺乏數量

///

public int Lack { get; set; }

///

///? 貨位編號

///

public string Location { get; set; }

///

///? 顏色標識

///

public KanBanColor ColorTag { get; set; }

}

}

3，? 看板控件XAML文件見DEMO,代碼部分注意顯示和處理顏色的函數；

4，? 主界面XAML文件注意ScrollViewer ?是用來滾動的。

主界面加載數據主要是用以下函數處理的，在實際中這個可能從數據庫讀取

private void LoadData()

{

List partInfos = new List();

PartInfo model = new PartInfo();

model.PartNO = "000001";

model.Description= "揚聲器 0.5W 8Ω 15×11×3.5 彈片";

model.Demand = 100;

model.Exist = 20;

model.Lack = 80;

model.ColorTag = KanBanColor.Red;

model.Location = "A0101";

partInfos.Add(model);

model = new PartInfo();

model.PartNO = "000002";

model.Description = "受話器 10mW 32Ω? 彈片";

model.Demand = 100;

model.Exist = 50;

model.Lack = 50;

model.ColorTag = KanBanColor.Yellow;

model.Location = "A0102";

partInfos.Add(model);

model = new PartInfo();

model.PartNO = "000003";

model.Description = "攝像頭 IMX105PQH5 800萬";

model.Demand = 100;

model.Exist = 100;

model.Lack = 0;

model.ColorTag = KanBanColor.Green;

model.Location = "A0103";

partInfos.Add(model);

//顯示看板

foreach (var p in partInfos)

{

PartInfo tmpModel = (PartInfo)p;

KanBanUserControl tempKanBan = new KanBanUserControl();

tempKanBan.ShowMaterialRequirment(tmpModel);

this.mainpanel.Children.Add(tempKanBan);

}

}

看板界面的實現效果：

總結

以上是生活随笔為你收集整理的java 电子实时看板,看板界面的实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。