2016-03-21 13 views
2

KivyでTabbedPanelを使用していますが、これはうまくいきますが、タブボタンを少しカスタマイズしてテキストの隣にアイコンを追加したいと思います。Kivy - アイコンをタブボタンに追加する

今、私はこのようなものがあります: Current tab

をそして、私はそのような何か希望:次のように Tab with icons

をマイKVファイルは次のとおりです。

<KivyMasterPanel> 
    do_default_tab: False 
    id: MasterPanel 
    tab_width: self.size[0]/len(self.tab_list) 

    TabbedPanelItem: 
     id: tab_A 
     text: 'A' 

    TabbedPanelItem: 
     id: tab_B 
     text: 'B' 

    TabbedPanelItem: 
     id: tab_C 
     text: 'C' 

は何か、私はありますTabbedPannelItem.textの代わりにBoxLayoutなどを配置することができます。可能であれば、kvファイルを使用してタブを作成したいのですが、可能でない場合は問題ありません。

ご協力いただきありがとうございます。

答えて

3

あなたはRectangle

<[email protected]>: 
    canvas: 
     Rectangle: 
      source: <your_img> 
      size: self.size 
      pos: self.pos 

で画像の背景を追加し、代わりにあなたのKivyMasterPanel

+0

おかげでTabbedPanelItemのカスタム1を使用しますカスタムTabbedPanelItemを作るには、魔法のように動作します。 Rectangleのサイズとposプロパティを使用すると、編集したタブ –

+0

にアイコンを簡単に配置することができます。もっと分かりやすいので、感謝します。 – KeyWeeUsr

+0

このソリューションを実装しています。しかし、私はテキストの位置にアクセスすることはできません。ウィンドウのサイズが変更されると、サムネイルがテキストの上に表示されます。レイアウトをタブの中に入れる方法を知っていますか?このようにして、親指をテキストに相対的に配置することができます –

関連する問題