Кнопки в стиле Windows 8

@natrox · Регистрация: 13.04.2011

Студворк — интернет-сервис помощи студентам

Доброго времени,

Вопрос следующего характера. Решил попробовать сделать кнопки в приложении аля Win8, т.е. на кнопку наводишь она изменяет внешний вид. Задача вроде простая, но есть вопрос как сделать универсальный алгоритм событий работы с кнопками и вообще возможно ли это?
Я делаю вот так:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            button2.MouseEnter += new EventHandler(button2_MouseEnter);
            button2.MouseLeave += new EventHandler(button2_MouseLeave);
            button3.MouseEnter += new EventHandler(button3_MouseEnter);
            button3.MouseLeave += new EventHandler(button3_MouseLeave);
        }
 
        void button2_MouseLeave(object sender, EventArgs e)
        {
            this.button2.BackgroundImage = ((System.Drawing.Image)(Properties.Resources.img1_1));
        }
 
        void button2_MouseEnter(object sender, EventArgs e)
        {
            this.button2.BackgroundImage = ((System.Drawing.Image)(Properties.Resources.img1_2));
        }
 
        void button3_MouseLeave(object sender, EventArgs e)
        {
            this.button3.BackgroundImage = ((System.Drawing.Image)(Properties.Resources.img2_1));
        }
 
        void button3_MouseEnter(object sender, EventArgs e)
        {
            this.button3.BackgroundImage = ((System.Drawing.Image)(Properties.Resources.img2_2));
        }
    }

Тут описание только 2-х кнопок, а если кнопок у меня будет допустим 15. Слишком много кода получиться. Подскажите пожалуйста как сделать пограмотнее. Хочется не просто писать рабочий код, а грамотный рабочий код. За ранее спасибо.

@aleks_pilipenko · 04.09.2013, 06:13

Для этого создаешь свой класс, например MyButton:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
using System;
using System.Collections.Generic;
using System.Drawing;
using System.Windows.Forms;
 
namespace MyButton
{
    public class MyButton:Button
    {
        public MyButton()
        {
            this.MouseEnter += new EventHandler(MyButton_MouseEnter);
            this.MouseLeave += new EventHandler(MyButton_MouseLeave);
        }
        void MyButton_MouseLeave(object sender, EventArgs e)
        {
            this.BackColor = Color.Green;
        }
 
        void MyButton_MouseEnter(object sender, EventArgs e)
        {
            this.BackColor = Color.Red;
        }
    }
}

После этого перестраиваешь проект и в ToolBox(Панель Элементов) появляется новый компонент, который можно добавлять на форму как обычную кнопку..

@natrox · 04.09.2013, 07:27 **[ТС]**

Проверил, спасибо, работает

Правда с картинками не получиться таким методом сделать, но с вашей подачи появилась идея по лучше.

использую символ с прозрачным фоном как фоновую картинку для кнопки и буду менять событиями цвет фона

@aleks_pilipenko · 04.09.2013, 08:42

Сообщение от natrox

Правда с картинками не получиться таким методом сделать

почему не получается? у меня работает:

C#
1
2
3
4
5
6
7
8
9
void MyButton_MouseLeave(object sender, EventArgs e)
        {
            this.BackgroundImage = Properties.Resources.b1;
        }
 
        void MyButton_MouseEnter(object sender, EventArgs e)
        {
            this.BackgroundImage = Properties.Resources.b2;
        }

@natrox · 04.09.2013, 10:54 **[ТС]**

Сообщение от aleks_pilipenko

почему не получается? у меня работает

да не, это то понятно что будет работать. в том смысле что если для каждого события и для каждой кнопки разные картинки делать, то опять вернемся к изначальной каше кода

@aleks_pilipenko · 04.09.2013, 11:40

Да нет, можно переписать код кнопки и формы:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
using System;
using System.Collections.Generic;
using System.Drawing;
using System.Windows.Forms;
 
namespace MyButton
{
    public class MyButton : Button
    {
        Bitmap b1, b2;
        public MyButton()
        {
            this.MouseEnter += new EventHandler(MyButton_MouseEnter);
            this.MouseLeave += new EventHandler(MyButton_MouseLeave);
        }
        public MyButton(Bitmap b1,Bitmap b2)
        {
            this.MouseEnter += new EventHandler(MyButton_MouseEnter);
            this.MouseLeave += new EventHandler(MyButton_MouseLeave);
            this.b1 = b1;
            this.b2 = b2;
        }
        void MyButton_MouseLeave(object sender, EventArgs e)
        {
            this.BackgroundImage = b1;
        }
 
        void MyButton_MouseEnter(object sender, EventArgs e)
        {
            this.BackgroundImage = b2;
        }
    }
}

C#
1
2
3
4
5
 private void Form1_Load(object sender, EventArgs e)
        {
            MyButton MB = new MyButton(Properties.Resources.b1, Properties.Resources.b2);
            this.Controls.Add(MB);
        }

Кстати, можно в свойства кнопки добавить свойства B1 & B2, тогда можно прямо в конструкторе формы добавлять нужные картинки, наверное так лучше будет?

Добавлено через 19 минут
вот свойства добавил:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
using System;
using System.Collections.Generic;
using System.Drawing;
using System.Windows.Forms;
 
namespace MyButton
{
    public class MyButton : Button
    {
        Bitmap b1, b2;
        public Bitmap B1
        {
            get { return b1; }
            set { b1 = value; }
        }
        public Bitmap B2
        {
            get { return b2; }
            set { b2 = value; }
        }
        public MyButton()
        {
            this.MouseEnter += new EventHandler(MyButton_MouseEnter);
            this.MouseLeave += new EventHandler(MyButton_MouseLeave);
        }
        public MyButton(Bitmap b1,Bitmap b2)
        {
            this.MouseEnter += new EventHandler(MyButton_MouseEnter);
            this.MouseLeave += new EventHandler(MyButton_MouseLeave);
            this.b1 = b1;
            this.b2 = b2;
        }
        void MyButton_MouseLeave(object sender, EventArgs e)
        {
            this.BackgroundImage = b1;
        }
 
        void MyButton_MouseEnter(object sender, EventArgs e)
        {
            this.BackgroundImage = b2;
        }
    }
}

@Rust511 · 04.09.2013, 11:58

Сообщение от aleks_pilipenko

Для этого создаешь свой класс, например MyButton:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
using System;
using System.Collections.Generic;
using System.Drawing;
using System.Windows.Forms;
 
namespace MyButton
{
    public class MyButton:Button
    {
        public MyButton()
        {
            this.MouseEnter += new EventHandler(MyButton_MouseEnter);
            this.MouseLeave += new EventHandler(MyButton_MouseLeave);
        }
        void MyButton_MouseLeave(object sender, EventArgs e)
        {
            this.BackColor = Color.Green;
        }
 
        void MyButton_MouseEnter(object sender, EventArgs e)
        {
            this.BackColor = Color.Red;
        }
    }
}

После этого перестраиваешь проект и в ToolBox(Панель Элементов) появляется новый компонент, который можно добавлять на форму как обычную кнопку..

сделал так, но почему-то в ToolBox не появилось ничего. в чем может быть проблема?

@natrox · 04.09.2013, 12:06 **[ТС]**

Сообщение от Rust511

сделал так, но почему-то в ToolBox не появилось ничего. в чем может быть проблема?

По идее должно появиться, в виде синей шестеренки. У меня в самом верху появилось

aleks_pilipenko, да, точно. Спасибо, очень полезно, думаю еще не раз пригодиться

@aleks_pilipenko · 04.09.2013, 12:11

Сообщение от Rust511

в чем может быть проблема?

пересобери проект, достаточно просто один раз запустить..

Добавлено через 32 секунды

Сообщение от Rust511

в чем может быть проблема?

пересобери проект, достаточно просто один раз запустить..

@Rust511 · 04.09.2013, 12:14

ну так нажал Rebuild, что еще надо-то=\ не появляется. то ли я дурак, то ли лыжи не едут..

@aleks_pilipenko · 04.09.2013, 12:17

Сообщение от Rust511

ну так нажал Rebuild,

скинь проект, посмотрю, можно конечно и по TeamViewer связаться..

@Rust511 · 04.09.2013, 12:19

в общем, если через дизайнер самому добавлять, то кнопка появляется на форме, а вот в тулбоксе ее все равно нет

@aleks_pilipenko · 04.09.2013, 12:22

Сообщение от Rust511

в общем, если через дизайнер самому добавлять

скинь проект посмотреть, а то непонятно...

@Rust511 · 04.09.2013, 12:23

вот

@aleks_pilipenko · 04.09.2013, 12:27

Ну кнопка сразу появилась, давай по TeamViewer свяжемся? Покажу где..

@Rust511 · 04.09.2013, 12:32

если только вечером, я на работе, тут трафик ограниченный=)

@aleks_pilipenko · 04.09.2013, 12:35

ок, постучись в скайп: aleks16pilipenko или на мыло, что в подписи...

Новые блоги и статьи Все статьи Все блоги /
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .

@natrox 14 / 18 / 5 Регистрация: 13.04.2011 Сообщений: 148
	04.09.2013, 07:27 [ТС]
	Проверил, спасибо, работает Правда с картинками не получиться таким методом сделать, но с вашей подачи появилась идея по лучше. использую символ с прозрачным фоном как фоновую картинку для кнопки и буду менять событиями цвет фона 0

@Rust511 64 / 63 / 7 Регистрация: 19.03.2013 Сообщений: 207
	04.09.2013, 12:14
	ну так нажал Rebuild, что еще надо-то=\ не появляется. то ли я дурак, то ли лыжи не едут.. 0

@Rust511 64 / 63 / 7 Регистрация: 19.03.2013 Сообщений: 207
	04.09.2013, 12:19
	в общем, если через дизайнер самому добавлять, то кнопка появляется на форме, а вот в тулбоксе ее все равно нет 0

@aleks_pilipenko ))) 610 / 423 / 55 Регистрация: 31.12.2009 Сообщений: 2,334 Записей в блоге: 3
	04.09.2013, 12:27
	Ну кнопка сразу появилась, давай по TeamViewer свяжемся? Покажу где.. 0

@Rust511 64 / 63 / 7 Регистрация: 19.03.2013 Сообщений: 207
	04.09.2013, 12:32
	если только вечером, я на работе, тут трафик ограниченный=) 0

@aleks_pilipenko ))) 610 / 423 / 55 Регистрация: 31.12.2009 Сообщений: 2,334 Записей в блоге: 3
	04.09.2013, 12:35
	ок, постучись в скайп: aleks16pilipenko или на мыло, что в подписи... 1