Skip to content

atori708/UIToolKitTabView

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

UIToolKitTabView

UIToolKitの練習として、タブを実装してみたサンプルです。 一応使える形にはなっている...と思います。

サンプル

TabViewサンプル

用意するアセットとして以下のuxmlファイルが必要です。

  • TabViewを追加して、かつTabItem.ussを適用したuxml
  • 各タブで表示したいコンテンツのuxml

コード

public class TabWindow : EditorWindow
{
    [MenuItem("Samples/TabWindow")]
    public static void Open()
    {
        GetWindow<TabWindow>("タブサンプル");
    }

    private void CreateGUI()
    {
        var tab = AssetDatabase.LoadAssetAtPath<VisualTreeAsset>("[TabViewを持っているuxmlのパス]");
        tab.CloneTree(rootVisualElement);
        var tabView = rootVisualElement.Q<TabView>();

        var tab1Content = new TabContentBase(AssetDatabase.LoadAssetAtPath<VisualTreeAsset>("[Tab1で表示したいUIのuxmlのパス]"));
        var tab2Content = new TabContentBase(AssetDatabase.LoadAssetAtPath<VisualTreeAsset>("[Tab2で表示したいUIのuxml]のパス"));
        tabView.AddTab("Tab1", tab1Content);
        tabView.AddTab("Tab2", tab2Content);

        // Tab1を選択
        tabView.SelectTab(0);
    }
}

補足

タブの中身は ITabContent で実装できるので、タグ表示時、非表示時の処理を自分で書くことができます。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages