2016-06-14 4 views
9

以下のコードを使用してプログラムからリソースからradtreeviewitemに画像を追加します。radtreeviewアイテム(wpf-telerik)に1つ以上の画像を表示するには

"/myAssembley;component/Resources/image1.png" 

画像が正常に表示されています。今、私はradtreeviewitemの最初のイメージの隣に表示する必要がある別のイメージを追加する必要があります。

これを達成する方法?

以下の画像のように、私はtreeviewitemを使用して、単一のツリービュー項目にフォルダアイコンと赤い四角形のアイコンを表示する必要があります。あなたが持っていない場合は

enter image description here

+1

なぜ両方の画像を含む画像を作成してみませんか? :) – 3615

+0

それは何千もの組み合わせを持っています。私はマージできず、すべての組み合わせを作成します。 – Arshad

答えて

4

データバインディング、あなたが直接あなたがアイテムのヘッダに追加画像を追加することができますRadTreeViewItemsを使用しています。たとえば、

var stackPanel = new StackPanel() { Orientation = System.Windows.Controls.Orientation.Horizontal }; 
var image1 = new Image() { Source = image1Path }; 
var image2 = new Image() { Source = image2Path }; 
var textBlock = new TextBlock() { Text = itemHeader }; 
stackPanel.Children.Add(image1); 
stackPanel.Children.Add(image2); 
stackPanel.Children.Add(textBlock); 

var treeViewItem = new RadTreeViewItem() 
{ 
    Header = stackPanel, 
}; 

It Worksです。

2

適切な方法は、グリッドまたは水平スタックパネルを使用してDataTemplateを作成することです。 2つの画像をあなたのモデルの中に入れて、2つの画像ソースをバインドすることもできます。 Telerikは、MVVMパターンを使用して最高の実績を持っていませんが、TreeViewコントロールはバインディングできれいです。モデルとデータ型の助けが必要な場合は、ここにコードの一部を投稿してください。

関連する問題