9.CefSharpを使って、TABブラウザを作ってみる。

１．これまでの以下1、2、3をおさらいして、新しくプロジェクトを作成します。

２．メニュー「ツール(T)」－「NuGet パッケージマネージャー(N)」－「ソリューションのNuGetパッケージの管理(N)…」を選択します。

３．左上の「参照」をクリックして、検索欄に「easytabs」と入力して検索を行い、検索結果の中から「EasyTabs」を選択して、現在のプロジェクトにインストールします。

４．下画面で「OK」をクリックします。

５．インストールが終わると、プロジェクトの参照に「EasyTabs」が追加されます。

６．フォーム（Form1.cs）を変更します。

７．フォーム（AppContainer.cs）を追加します。

新規フォームを追加し、継承元クラスを Form から TitleBarTabs に変更します。

このフォームをデザイナーで開くと、以下のように例外エラーになりますが、動作には問題ありませんのでこのまま使用します。

８．ソース（program.cs）を変更します。

プログラムエントリポイントを Form1 から AppContainer に変更します。

９．ここまで出来たら、実行してみます。TABブラウザになっていたらOKです。

尚、本来、タブブラウザを作る際は、以下の考慮も必要です。（ここでは省略します。）

ブラウザからのNewWindowイベントを検知して、新しいタブを作成する。
新しいタブにCookie情報を継承させる。

【フォーム（Form1.cs）】

using System;
using System.Windows.Forms;
using CefSharp;
using CefSharp.WinForms;
using EasyTabs;

namespace WindowsFormsApp19
{
    public partial class Form1 : Form
    {
        public ChromiumWebBrowser chromeBrowser;

        public Form1()
        {
            InitializeComponent();

            // Start the browser after initialize global component
            InitializeChromium();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            chromeBrowser.ShowDevTools();
        }

        public void InitializeChromium()
        {
            // Cef.Initialize(settings) が１プロセス中に２度呼び出されると例外エラーになるので
            if (Cef.IsInitialized == false)
            {
                // Initialize cef with the provided settings
                CefSettings settings = new CefSettings();
                settings.Locale = "ja";
                settings.AcceptLanguageList = "ja-JP";
                Cef.Initialize(settings);
            }
            // Create a browser component
            chromeBrowser = new ChromiumWebBrowser("https://agrimo.jp");

            // Add it to the form and fill it to the form window.
            this.Controls.Add(chromeBrowser);
            chromeBrowser.Dock = DockStyle.Fill;

            // Allow the use of local resources in the browser
            BrowserSettings browserSettings = new BrowserSettings();
            browserSettings.FileAccessFromFileUrls = CefState.Enabled;
            browserSettings.UniversalAccessFromFileUrls = CefState.Enabled;
            chromeBrowser.BrowserSettings = browserSettings;
        }

        protected TitleBarTabs ParentTabs
        {
            get
            {
                return (ParentForm as TitleBarTabs);
            }
        }

        private void Form1_FormClosing(object sender, FormClosingEventArgs e)
        {
            Cef.Shutdown();
        }
    }
}

using System;

using System.Windows.Forms;

using CefSharp;

using CefSharp.WinForms;

using EasyTabs;

namespace WindowsFormsApp19

{

public partial class Form1 : Form

{

public ChromiumWebBrowser chromeBrowser;

public Form1()

{

InitializeComponent();

// Start the browser after initialize global component

InitializeChromium();

}

private void Form1_Load(object sender, EventArgs e)

{

chromeBrowser.ShowDevTools();

}

public void InitializeChromium()

{

// Cef.Initialize(settings) が１プロセス中に２度呼び出されると例外エラーになるので

if (Cef.IsInitialized == false)

{

// Initialize cef with the provided settings

CefSettings settings = new CefSettings();

settings.Locale = "ja";

settings.AcceptLanguageList = "ja-JP";

Cef.Initialize(settings);

}

// Create a browser component

chromeBrowser = new ChromiumWebBrowser("https://agrimo.jp");

// Add it to the form and fill it to the form window.

this.Controls.Add(chromeBrowser);

chromeBrowser.Dock = DockStyle.Fill;

// Allow the use of local resources in the browser

BrowserSettings browserSettings = new BrowserSettings();

browserSettings.FileAccessFromFileUrls = CefState.Enabled;

browserSettings.UniversalAccessFromFileUrls = CefState.Enabled;

chromeBrowser.BrowserSettings = browserSettings;

}

protected TitleBarTabs ParentTabs

{

get

{

return (ParentForm as TitleBarTabs);

}

private void Form1_FormClosing(object sender, FormClosingEventArgs e)

{

Cef.Shutdown();

}

【フォーム（AppContainer.cs）】

using EasyTabs;

namespace WindowsFormsApp19
{
    public partial class AppContainer : TitleBarTabs
    {
        public AppContainer()
        {
            InitializeComponent();

            AeroPeekEnabled = true;
            TabRenderer = new ChromeTabRenderer(this);
        }

        // Handle the method CreateTab that allows the user to create a new Tab
        // on your app when clicking
        public override TitleBarTab CreateTab()
        {
            return new TitleBarTab(this)
            {
                // The content will be an instance of another Form
                // In our example, we will create a new instance of the Form1
                Content = new Form1
                {
                    Text = "New Tab"
                }
            };
        }

        // The rest of the events in your app here if you need to .....
    }
}

using EasyTabs;

namespace WindowsFormsApp19

{

public partial class AppContainer : TitleBarTabs

{

public AppContainer()

{

InitializeComponent();

AeroPeekEnabled = true;

TabRenderer = new ChromeTabRenderer(this);

}

// Handle the method CreateTab that allows the user to create a new Tab

// on your app when clicking

public override TitleBarTab CreateTab()

{

return new TitleBarTab(this)

{

// The content will be an instance of another Form

// In our example, we will create a new instance of the Form1

Content = new Form1

{

Text = "New Tab"

}

};

}

// The rest of the events in your app here if you need to .....

}

【ソース（program.cs）】

using System;
using System.Windows.Forms;
using EasyTabs;

namespace WindowsFormsApp19
{
    static class Program
    {
        /// <summary>
        /// アプリケーションのメイン エントリ ポイントです。
        /// </summary>
        [STAThread]
        static void Main()
        {
            Application.EnableVisualStyles();
            Application.SetCompatibleTextRenderingDefault(false);
            //Application.Run(new Form1());


            AppContainer container = new AppContainer();

            // Add the initial Tab
            container.Tabs.Add(
                // Our First Tab created by default in the Application will have as content the Form1
                new TitleBarTab(container)
                {
                    Content = new Form1
                    {
                        Text = "New Tab"
                    }
                }
            );

            // Set initial tab the first one
            container.SelectedTabIndex = 0;

            // Create tabs and start application
            TitleBarTabsApplicationContext applicationContext = new TitleBarTabsApplicationContext();
            applicationContext.Start(container);
            Application.Run(applicationContext);
        }
    }
}

using System;

using System.Windows.Forms;

using EasyTabs;

namespace WindowsFormsApp19

{

static class Program

{

/// <summary>

/// アプリケーションのメインエントリポイントです。

/// </summary>

[STAThread]

static void Main()

{

Application.EnableVisualStyles();

Application.SetCompatibleTextRenderingDefault(false);

//Application.Run(new Form1());

AppContainer container = new AppContainer();

// Add the initial Tab

container.Tabs.Add(

// Our First Tab created by default in the Application will have as content the Form1

new TitleBarTab(container)

{

Content = new Form1

{

Text = "New Tab"

}

);

// Set initial tab the first one

container.SelectedTabIndex = 0;

// Create tabs and start application

TitleBarTabsApplicationContext applicationContext = new TitleBarTabsApplicationContext();

applicationContext.Start(container);

Application.Run(applicationContext);

}

ダウンロードをメンバーズオンリーにしました。

連載記事（２０２５）を追加

近畿レインズの新システム移行のため、関連製品の販売＆サポート終了のお知らせ

ｅｏ光回線での「ひかり電話ＣＴＩ、ひかりＦＡＸ電話ＣＴＩ、光ＣＴＩスマートコネクト」のご利用につきまして

光CTIスマートコネクトサービス（V1.12.0）をリリースしました。

４機構レインズ統合化に伴う新システムへの対応予定はございません。

検索データ自動取得システムＤＴ（V3.12）をリリースしました。

日報データ自動取得システムＤＴ（V3.12）をリリースしました。

Windows 10 May 2020 Update でライセンスが無効になった方へ

日報データ自動取得システムＤＴ（V3.11.1）をリリースしました。

9.CefSharpを使って、TABブラウザを作ってみる。