[Windows Mobile] Resco MobileForms Toolkit

  • 9016
  • 0
  • 2013-04-15

[Windows Mobile] Resco MobileForms Toolkit

 

1. 簡介

在找尋如何畫出統計圖表時,發現 Resco MobileForms Toolkit,但不是免費的,因此下載免費的 Evaluation 版本使用看看。

image

 

2. 方法

2.1 下載與安裝 Resco MobileForms Toolkit

首先點選 網址 下載 Resco MobileForms Toolkit 的 Evaluation version

image

進行安裝

image image

image image

安裝完成後,在安裝目錄下,有 Help 與 Sample 等相關參考資訊可以讓大家了解如何使用 Resco 控制項

image

 

2.2 使用 Resco MobileForms Toolkit

開啟新的專案後,於工具箱中,多出了 Resco Device Controls,也就是 Resco 所提供的控制項,可以藉由拖拉的方式,將控制項加入表單中。

 image

 

接著就介紹畫圖表功能

 

2.3 CompactChart 與 SmartGrid 控制項

首先開啟新的智慧型裝置專案,並且將 CompactCheat 與 SmartGrid 加入表單中

image

並且新增 xml 檔案,放置要顯示的資料

<?xml version="1.0" encoding="utf-8"?>
<Data>
  <Finance>
    <Year>92</Year>
    <Revenue>10</Revenue>
  </Finance>
  <Finance>
    <Year>93</Year>
    <Revenue>15</Revenue>
  </Finance>
  <Finance>
    <Year>94</Year>
    <Revenue>8</Revenue>
  </Finance>
  <Finance>
    <Year>95</Year>
    <Revenue>16</Revenue>
  </Finance>
  <Finance>
    <Year>96</Year>
    <Revenue>9</Revenue>
  </Finance>
  <Finance>
    <Year>97</Year>
    <Revenue>20</Revenue>
  </Finance>
  <Finance>
    <Year>98</Year>
    <Revenue>7</Revenue>
  </Finance>
</Data>

 

撰寫以下程式碼,將 xml 資料顯示在 SmartGrid 中,並且繪製成 Area 圖於 CompactChart 中

using System;
using System.Linq;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;

namespace SmartDeviceProject9
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();

            Resco.Controls.SmartGrid.SmartGrid.AutoColumns = true;  // 設定 SmartGrid 為 AutoColumns
            Resco.Controls.SmartGrid.SmartGrid.AutoColumnWidth = true;  // 設定 SmartGrid 為 AutoColumnWidth
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            DataSet ds = new DataSet();  // 初始化 DataSet 類別變數 ds
            ds.ReadXml(@"\Program Files\SmartDeviceProject9\XMLFile1.xml");  // 將 XML 檔讀入 ds 中

            this.smartGrid1.DataSource = ds.Tables[0];  // 設定 smartGrid1 的資料來源為 ds.Tables[0]
            this.compactChart1.DataSource = ds.Tables[0];  // 設定 compactChart1 的資料來源為 ds.Tables[0]

            //create series
            this.compactChart1.ChartType = Resco.Controls.CompactChart.ChartType.Area;  // 設定顯示圖表為 Area
            this.compactChart1.Series.Add(new Resco.Controls.CompactChart.SeriesByColumn(Color.Blue, "Revenue", "Revenue")); // 設定 Color:藍色, name: Revenue, Column Name: Revenue
            this.compactChart1.BarChart.XSeriesName = "Revenue";  // 設定 Series Name 為 Revenue
        }

    }
}

 

執行結果

image

 

2.4 其他控制項

Resco 提供的控制項其實蠻多的,等待大家去使用,以下列出一些 Demo 畫面供大家參考

(1) AdvancedComboBox

image

 

(2) OutlookDateTimePicker 與 OutlookWeekCalendar

image

 

(3) ToolBar

image

 

3. 參考

Resco Developer