Пакетът System.Drawing и GDI+

Създаване на контрола – пример

Ето стъпките за създаване на контролата и на приложение, което я използва:

1. 
   Стартираме VS.NET и създаваме нов Windows Forms проект.
   
2. 
   Задаваме на главната форма име MainForm и заглавие "Clock Control Demo". Променяме и името на файла от Form1.cs на MainForm.cs.
   
3. 
   Създаваме нашата потребителска контрола. За целта избираме File | Add New Item … | UI | Custom Control. Задаваме ClockControl за име на контролата.
   

4. 
   Дефинираме две полета mHour и mMinute и свойства за достъп до тях. Те ще съдържат часа и минутите на нашия часовник:
   

5. 
   Добавяме една константа за размер по подразбиране и добавяме в конструктора код за инициализиране на контролата. Ще инициали­зи­раме контролата с текущия час:
   

   private const int DEFAULT_SIZE = 100; public ClockControl() { // This call is required by the Windows.Forms Form Designer. InitializeComponent(); this.Size = new Size(DEFAULT_SIZE, DEFAULT_SIZE); mHour = DateTime.Now.Hour; mMinute = DateTime.Now.Minute; }

6. 
   Припокриваме виртуалния метод OnPaint(…) и в него чертаем часов­ника върху Graphics повърхността на контролата. За прес­мятане на координатите на стрелките използваме изчисления с помощта на тригонометрични функции синус и косинус:
   

   protected override void OnPaint(PaintEventArgs pe) { Graphics g = pe.Graphics; // Draw the circle Pen pen = new Pen(Color.Blue, 1); g.DrawEllipse(pen, 0, 0, this.Width-1, this.Height-1); pen.Dispose(); // Draw the minute finger double minuteFingerAngle = (mMinute % 60) * (2*Math.PI/60); int minuteFingerLen = this.Width * 45 / 100; int x1 = this.Width / 2; int y1 = this.Height / 2; int x2 = (int) (x1 + minuteFingerLen*Math.Sin(minuteFingerAngle)); int y2 = (int) (y1 – minuteFingerLen*Math.Cos(minuteFingerAngle)); pen = new Pen(Color.Red, 2); g.DrawLine(pen, x1, y1, x2, y2); pen.Dispose(); // Draw the hour finger double hourFingerAngle = (mHour % 12) * (2*Math.PI/12) + (mMinute % 60) * (2*Math.PI/(60*12)); int hourFingerLen = this.Width * 25 / 100; x1 = this.Width / 2; y1 = this.Height / 2; x2 = (int) (x1 + hourFingerLen*Math.Sin(hourFingerAngle)); y2 = (int) (y1 - hourFingerLen*Math.Cos(hourFingerAngle)); pen = new Pen(Color.Yellow, 3); g.DrawLine(pen, x1, y1, x2, y2); pen.Dispose(); // Calling the base class OnPaint base.OnPaint(pe); }

7. 
   Припокриваме метода OnSize(…), в който приравняваме височината и ширината на контролата и я пречертаваме. Така контролата винаги ще бъде с квадратна форма:
   

   protected override void OnResize(System.EventArgs e) { this.Height = this.Width; this.Invalidate(); }

8. 
   Нашата потребителска контрола е готова. Можем да прекомпи­ли­ра­ме приложението и да я добавим в Toolbox. За да я добавим в Toolbox, щракваме в него с десен бутон на мишката и от там изби­ра­ме Add/Remove Items… В появилия се прозорец натискаме бутона Browse… и избираме изпълнимия файл на нашето прило­же­ние. Пос­та­­вяме отметка пред ClockControl в списъка и натискаме бутона OK. Контролата се добавя в Toolbox.
   
9. 
   В главната форма на приложението поставяме една ClockControl контрола с име clock и един панел с контроли за промяна на текущия час и минути – две NumericUpDown контроли с имена NumericUpDownHour e NumericUpDwonMinute и един бутон с име ButtonSetTime за отразя­ва­не на промените. Свойствата на ClockControl се могат да бъдат про­ме­няни от прозореца Properties:
   

10. 
    Добавяме код, който при зареждане на формата (при събитие Load на формата) задава стойностите на NumericUpDown контролите за час и минута съответстващи на тези от ClockControl обекта:
    

    private void MainForm_Load(object sender, System.EventArgs e) { NumericUpDownHour.Value = clock.Hour; NumericUpDownMinute.Value = clock.Minute; }

11. 
    Добавяме обработчик на събитието Click на ButtonSetTime. В него променяме стойностите на свойствата на ClockControl обекта:
    

    private void ButtonSetTime_Click(object sender, System.EventArgs e) { clock.Hour = (int) NumericUpDownHour.Value; clock.Minute = (int) NumericUpDownMinute.Value; }

12. 
    Добавяме обработчик на събитието SizeChanged на формата. В него добавяме код, който не позволява на часовника да бъде върху панела:
    

    private void MainForm_SizeChanged(object sender, System.EventArgs e) { ClientSize = new Size( ClientSize.Width, ClientSize.Width + PanelDown.Height); }

13. 
    Приложението е готово и можем да го стартираме и тестваме.
    

Хостинг на контроли в Internet Explorer

Internet Explorer може да изпълнява Windows Froms контроли, вградени в тялото на HTML страници. Технологията е подобна на Java аплетите и Macromedia Flash – вгражда се изпълним код, който се изпълнява в клиентския уеб браузър. От JavaScript могат да се достъпват свойствата на Windows Forms контролите. Необходими са Internet Explorer 5.5 или по-нова версия и инсталиран .NET Framework.

Настройките за сигурност не позволяват достъп до файловата система и други опасни действия. Сигурността може да се задава и ръчно. Ако има нужда от запазване на някакви данни на машината на потребителя, може да се използва Isolated Storage. [TODO: link към главата I/O]

Хостинг на контроли в Internet Explorer – пример

Настоящият пример илюстрира как можем да реализираме хостинг на Windows Forms контроли в Internet Explorer чрез вграждането им в HTML страница и как можем да достъпваме свойствата им от JavaScript.

Да разгледаме примерна HTML страница, в която е вградена Windows Forms контролата "часовник" от предходния пример:

index.html

Clock Control in IE Hour: Minute:

Каталог: dotnetcourse -> Beta1
Beta1 -> Асемблита и разпространение
Beta1 -> Управление на паметта и ресурсите
Beta1 -> Уеб услуги с asp. Net
dotnetcourse -> Въпрос: Кога е нужно да слагам в класовете си свойства, и кога мога да слагам публични полета? Не е ли вторият вариант по-удобен, особено когато едно поле не се валидира по никакъв начин? Отговор
Beta1 -> Отдалечени извиквания с. Net remoting
Beta1 -> Сериализация на данни

Изтегляне 1.09 Mb.

Сподели с приятели: