Переход между вкладками в элементе управления вкладками

Question

У меня есть вкладка с несколькими вкладками. Я хочу быть в состоянии исчезать вкладки вперед и назад. Я не вижу опцию непрозрачности в элементах управления вкладками. Есть ли способ вызвать эффект затухания при переключении с одной вкладки на другую?

Answer 1

В стандартном элементе управления Windows нет волшебного переключателя Fade.

Вы можете вывести содержимое вкладки в растровое изображение (используя DrawToBitmap или CopyFromScreen ?), Показать это растровое изображение перед TabControl, переключать вкладки, а затем исчезать растровое изображение.

Answer 2

Я решил опубликовать то, что сделал, чтобы мое решение заработало. У GvS был самый близкий ответ, и он отправил меня в моем поиске в правильном направлении, поэтому я поставил ему (может быть, она, но давай) галочку правильного ответа, так как я не могу дать ее себе. Я так и не понял, как «скрестить» от одной вкладки к другой (уменьшите непрозрачность на одной и увеличьте непрозрачность на другой), но я нашел ожидание, чтобы закрасить серую рамку поверх растрового изображения все более и более серым, придав ему эффект затухания на моем фоне, который также серый , Затем я начинаю вторую вкладку как растровое изображение серого, которое я постепенно добавляю менее серым в сочетании с изображением вкладки на каждой итерации, придавая ей эффект постепенного увеличения.

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

using System.Drawing.Imaging;
using System.Drawing.Drawing2D;

public int alphablend;
public Bitmap myBitmap;

    private void button1_Click(object sender, EventArgs e)
    {
        alphablend = 0;
        pictureBox1.Visible = true;
        myBitmap = new Bitmap(tabControl1.Width, tabControl1.Height);
        while (alphablend <= 246)
        {
            tabControl1.DrawToBitmap(myBitmap, new Rectangle(0, 0, tabControl1.Width, tabControl1.Height));
            alphablend = alphablend + 10;
            pictureBox1.Refresh();//this calls the paint action
        }
        tabControl1.SelectTab("tabPage2");
        while (alphablend >= 0)
        {
            tabControl1.DrawToBitmap(myBitmap, new Rectangle(0, 0, tabControl1.Width, tabControl1.Height));
            alphablend = alphablend - 10;               
            pictureBox1.Refresh();//this calls the paint action
        }
        pictureBox1.Visible = false;
    }

    private void pictureBox1_Paint(object sender, PaintEventArgs e)
    {
        Graphics bitmapGraphics = Graphics.FromImage(myBitmap);

        SolidBrush greyBrush = new SolidBrush(Color.FromArgb(alphablend, 240, 240, 240));

        bitmapGraphics.CompositingMode = CompositingMode.SourceOver;

        bitmapGraphics.FillRectangle(greyBrush, new Rectangle(0, 0, tabControl1.Width, tabControl1.Height));

        e.Graphics.CompositingQuality = CompositingQuality.GammaCorrected;

        e.Graphics.DrawImage(myBitmap, 0, 0);

    }

Answer 3

Я не вижу спецификации Winform / Webform, поэтому я предполагаю, что WebForm ...

Вы можете использовать AJAX AnimationExtender.

В противном случае плохим способом (который будет работать) будет принятие строки QueryString, которая заставляет страницу автоматически переходить на нужную вкладку, и использование переходов страницы.

Для Winforms вы можете использовать WPF:)

Answer 4

Я не верю, что WPF TabControl может постепенно исчезать с одного TabItem на другой, поскольку он не оборудован для одновременного отображения нескольких TabItems.

Вы можете попытаться эмулировать это, соединив два элемента ListView (один для полосы вкладок и один для панели) и добавив эффект в ControlTemplate последний. Используйте ControlTemplates TabControl и ListView в качестве отправной точки.

Answer 5

В зависимости от того, как работают ваши вкладки / страницы, вы можете обрабатывать их на уровне страницы, добавляя на страницу метатеги:

<meta http-equiv="Page-Enter" content="blendTrans(Duration=0)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0)">

Просто измените продолжительность, чтобы сделать затухание длиннее или короче. Это обычно называют FAJAX.