[Руководство] Form Skins

~~Gamer1912~~ · 11.02.2012, 00:40

Всем привет!
Решил поэкспериментировать со скинами для формы. Может для кого-то покажется бредом, но я считаю такой способ вполне приемлемым.

Для проекта использовал 6 изображений, 3 из них разрешением 200х120(по размеру моей формы), а 3 других меньше, нужны для фона кнопок.

Начнем...

1. Создаем проект, у меня он называется "Form Skins"
2. Жмем на панели инструментов Проект => Свойства: "Название формы"

[Ссылки могут видеть только зарегистрированные пользователи. ]

3. Жмем Ресурсы => Добавить существующий файл. Добавляем заготовленные картинки

[Ссылки могут видеть только зарегистрированные пользователи. ]

Переходим к форме.
1. Добавляем на форму 2 button, 1 comboBox, 1 label. Первая кнопка в дальнейшем будет сворачивать нашу форму, поэтому назовем её "Свернуть", вторая кнопка закрывать программу, назовем её "Закрыть", в label я написал скин, поставил рядом с comboBox.
2. На button и на label ForeColor(цвет шрифта) меняем на White(белый)

[Ссылки могут видеть только зарегистрированные пользователи. ]

3. В свойствах comboBox ставим DropDownStyle = DropDownList

[Ссылки могут видеть только зарегистрированные пользователи. ]

Переходим к коду программы.
1. Указываем какие строки будет содержать comboBox, а также чему он будет равен пр загрузке программы, так как стиле DropDownList, указать текст по-умолчанию нельзя.

Код:

public Form1()
        {
            InitializeComponent();
            comboBox1.Items.AddRange(new object[] { "Skin 1", "Skin 2", "Skin 3" });
            comboBox1.Text = "Skin 1";
        }

2. Скины у нас будут изменяться по выбору строки в comboBox, щелкаем два раза по comboBox на форме и вставляем вот этот код

Код:

if (comboBox1.Text == "Skin 1")
            {
                BackgroundImage = Form_Skins.Properties.Resources.скин1;
                button1.BackgroundImage = button2.BackgroundImage = Form_Skins.Properties.Resources.кнопка1;
            }
            if (comboBox1.Text == "Skin 2")
            {
                BackgroundImage = Form_Skins.Properties.Resources.скин2;
                button1.BackgroundImage = button2.BackgroundImage = Form_Skins.Properties.Resources.кнопка2;
            }
            if (comboBox1.Text == "Skin 3")
            {
                BackgroundImage = Form_Skins.Properties.Resources.скин3;
                button1.BackgroundImage = button2.BackgroundImage = Form_Skins.Properties.Resources.кнопка3;
            }

Думаю здесь и так все понятно, поэтому без комментариев.
3. Добавим на наши кнопки коды, чтобы они выполняли функции, соответствующие их названию.
Первая кнопка "Свернуть"

Код:

WindowState = FormWindowState.Minimized;

Вторая кнопка "Закрыть"

Код:

Application.Exit();

Вот что получилось у меня

[Ссылки могут видеть только зарегистрированные пользователи. ]

Ну вот в принципе и все, готовый проект смотрите во вложениях.

С помощью кода Hermein'а, слепил вроде как оптимальный код. Гайд изменять уже не буду.
А вот код(также есть в коменте ниже)

Код:

namespace Form_Skins
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            comboBox1.Items.AddRange(new object[] { "Skin 1", "Skin 2", "Skin 3" });
            comboBox1.SelectedIndex = 0;
        }
        private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
        {
            switch (comboBox1.SelectedIndex)
            {
                case 0:
                    skin("скин1", "кнопка1");
                    break;
                case 1:
                    skin("скин2", "кнопка2");
                    break;
                case 2:
                    skin("скин3", "кнопка3");
                    break;
            }
        }
        private void skin(string фон, string кнопка)
        {
            BackgroundImage = (Image)Properties.Resources.ResourceManager.GetObject(фон);
            button1.BackgroundImage = button2.BackgroundImage = (Image)Properties.Resources.ResourceManager.GetObject(кнопка);
        }
        private void button1_Click(object sender, EventArgs e)
        {
            WindowState = FormWindowState.Minimized;
        }
        private void button2_Click(object sender, EventArgs e)
        {
            Application.Exit();
        }
    }
}

Hermein · 11.02.2012, 01:05

Цитата:

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


	указать текст по-умолчанию нельзя

ComboBox1.SelectionIndex=0;

Цитата:

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


	2. Скины у нас будут изменять по выбору строки в comboBox, для этого щелкаем два раза по comboBox на форме и вставляем вот этот код

Код:

switch(ComboBox1.SelectionIndex)
{
case 0:      this.BackgroundImage = Form_Skins.Properties.Resources.скин1;
                button1.BackgroundImage = button2.BackgroundImage = Form_Skins.Properties.Resources.кнопка1;
break;
case 1: this.BackgroundImage = Form_Skins.Properties.Resources.скин2;
                button1.BackgroundImage = button2.BackgroundImage = Form_Skins.Properties.Resources.кнопка2;
break;
case 2: this.BackgroundImage = Form_Skins.Properties.Resources.скин3;
                button1.BackgroundImage = button2.BackgroundImage = Form_Skins.Properties.Resources.кнопка3;
break;
}

~~Gamer1912~~ · 11.02.2012, 01:11

Hermein, Можно более раскрыто? Толи лыжи не едут...

Добавлено через 12 минут

Цитата:

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


	ComboBox1.SelectionIndex=0;

ComboBox1.SelectedIndex=0;

Код:

namespace Form_Skins
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            comboBox1.Items.AddRange(new object[] { "Skin 1", "Skin 2", "Skin 3" });
            comboBox1.SelectedIndex = 0;
        }
        private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
        {
            switch (comboBox1.SelectedIndex)
            {
                case 0:
                    BackgroundImage = Form_Skins.Properties.Resources.скин1;
                    button1.BackgroundImage = button2.BackgroundImage = Form_Skins.Properties.Resources.кнопка1;
                    break;
                case 1:
                    BackgroundImage = Form_Skins.Properties.Resources.скин2;
                    button1.BackgroundImage = button2.BackgroundImage = Form_Skins.Properties.Resources.кнопка2;
                    break;
                case 2: this.BackgroundImage = Form_Skins.Properties.Resources.скин3;
                    button1.BackgroundImage = button2.BackgroundImage = Form_Skins.Properties.Resources.кнопка3;
                    break;
            }
        }
        private void button1_Click(object sender, EventArgs e)
        {
            WindowState = FormWindowState.Minimized;
        }
        private void button2_Click(object sender, EventArgs e)
        {
            Application.Exit();
        }
    }
}

~~Gamer1912~~ · 11.02.2012, 01:46

Цитата:

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


	switch(ComboBox1.SelectionIndex) { case 0: this.BackgroundImage = Form_Skins.Properties.Resources.скин1; button1.BackgroundImage = button2.BackgroundImage = Form_Skins.Properties.Resources.кнопка1; break; case 1: this.BackgroundImage = Form_Skins.Properties.Resources.скин2; button1.BackgroundImage = button2.BackgroundImage = Form_Skins.Properties.Resources.кнопка2; break; case 2: this.BackgroundImage = Form_Skins.Properties.Resources.скин3; button1.BackgroundImage = button2.BackgroundImage = Form_Skins.Properties.Resources.кнопка3; break; }

За этот код огромное спасибо!

Вот еще вариант

Код:

namespace Form_Skins
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            comboBox1.Items.AddRange(new object[] { "Skin 1", "Skin 2", "Skin 3" });
            comboBox1.SelectedIndex = 0;
        }
        private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
        {
            switch (comboBox1.SelectedIndex)
            {
                case 0:
                    skin(Properties.Resources.скин1, Properties.Resources.кнопка1);
                    break;
                case 1:
                    skin(Properties.Resources.скин2, Properties.Resources.кнопка2);
                    break;
                case 2:
                    skin(Properties.Resources.скин3, Properties.Resources.кнопка3);
                    break;
            }
        }
        private void skin(Image фон, Image кнопка)
        {
            this.BackgroundImage = фон;
            button1.BackgroundImage = button2.BackgroundImage = кнопка;
        }
        private void button1_Click(object sender, EventArgs e)
        {
            WindowState = FormWindowState.Minimized;
        }
        private void button2_Click(object sender, EventArgs e)
        {
            Application.Exit();
        }
    }
}

Добавлено через 16 минут
Вот наверно самый оптимальный вариант, когда скинов достаточно много.

Код:

namespace Form_Skins
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            comboBox1.Items.AddRange(new object[] { "Skin 1", "Skin 2", "Skin 3" });
            comboBox1.SelectedIndex = 0;
        }
        private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
        {
            switch (comboBox1.SelectedIndex)
            {
                case 0:
                    skin("скин1", "кнопка1");
                    break;
                case 1:
                    skin("скин2", "кнопка2");
                    break;
                case 2:
                    skin("скин3", "кнопка3");
                    break;
            }
        }
        private void skin(string фон, string кнопка)
        {
            BackgroundImage = (Image)Properties.Resources.ResourceManager.GetObject(фон);
            button1.BackgroundImage = button2.BackgroundImage = (Image)Properties.Resources.ResourceManager.GetObject(кнопка);
        }
        private void button1_Click(object sender, EventArgs e)
        {
            WindowState = FormWindowState.Minimized;
        }
        private void button2_Click(object sender, EventArgs e)
        {
            Application.Exit();
        }
    }
}

T7e6Ay22 · 11.02.2012, 10:12

Спасибо, мануал в закладки, пригодится в будущем.

~~Gamer1912~~ · 11.02.2012, 12:22

Вот еще дополнение, если кнопок много, то в самый раз

Код:

using System;
using System.Drawing;
using System.Text;
using System.Windows.Forms;

namespace Form_Skins
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            comboBox1.Items.AddRange(new object[] { "Skin 1", "Skin 2", "Skin 3" });
            comboBox1.SelectedIndex = 0;
        }
        private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
        {
            switch (comboBox1.SelectedIndex)
            {
                case 0:
                    skin("скин1", "кнопка1", "Cyan");
                    break;
                case 1:
                    skin("скин2", "кнопка2", "Black");
                    break;
                case 2:
                    skin("скин3", "кнопка3", "White");
                    break;
            }
        }
        private void skin(string фон_формы, string фон_кнопки, string цвет_текста)
        {
            BackgroundImage = (Image)Properties.Resources.ResourceManager.GetObject(фон_формы);
            foreach (var ctrl in Controls)
            {
                if (ctrl is Button)
                    ((Button)ctrl).BackgroundImage = (Image)Properties.Resources.ResourceManager.GetObject(фон_кнопки);
                if (ctrl is Button)
                    ((Button)ctrl).ForeColor = Color.FromName(цвет_текста);
                if (ctrl is Button)
                    ((Button)ctrl).Font = new Font(((Button)ctrl).Font, FontStyle.Bold);
            }
        }
        private void button1_Click(object sender, EventArgs e)
        {
            WindowState = FormWindowState.Minimized;
        }
        private void button2_Click(object sender, EventArgs e)
        {
            Application.Exit();
        }
    }
}

См. вложение

~~MiKS007~~ · 16.02.2012, 17:54

А Ha C# нельзя изменить стиль окна программы? Ну чтоб как на семерке было прозрачно, хотя на компе вообще стоит ХР, со стандартной темой! Это я к примеру!