नियंत्रण टेम्पलेट में टेम्पलेट बाइंडिंग

Question

मेरे पास निम्न नियंत्रण टेम्पलेट है।

मैं टेम्पलेट बाइंडिंग का उपयोग कर टेम्पलेट नियंत्रण में छवि नियंत्रण के लिए स्रोत प्रॉपर्टी सेट करना चाहता हूं।

लेकिन चूंकि यह बटन नियंत्रण के लिए एक नियंत्रण टेम्पलेट है और बटन नियंत्रण स्रोत प्रॉपर्टी नहीं है, इसलिए मैं इस मामले में टेम्पलेट बाइंडिंग का उपयोग नहीं कर सकता।

<ControlTemplate x:Key="BtnTemplate" TargetType="Button"> 
     <Border CornerRadius="5" Margin="15" Cursor="Hand"> 
      <StackPanel> 
       <Image Name="Img" Style="{StaticResource ImageStyle}" Source="temp.jpg" Height="100" Width="100" Margin="5"></Image> 
       <Label Content="{TemplateBinding Content}" Background="Transparent" Margin="2"></Label> 
      </StackPanel> 
     </Border> 
    </ControlTemplate> 

के बाद से मैं बटन के विभिन्न उदाहरणों के लिए विभिन्न छवियों सेट करने के लिए, मैं के रूप में अच्छी पथ को हार्डकोड नहीं कर सकते।

कृपया मुझे बताएं कि इस स्थिति से कैसे निपटें।

Answer 1

मैं गतिशील संसाधनों का उपयोग कर सुझाव देंगे, उदा इस प्रकार टेम्पलेट को परिभाषित:

<ControlTemplate x:Key="buttonTemplate" TargetType="Button"> 
    <Border CornerRadius="5" Margin="15" Cursor="Hand"> 
     <StackPanel Orientation="Horizontal" Background="Yellow"> 
      <Image Source="{DynamicResource ResourceKey=Img}" Height="100" Width="100" Margin="5"></Image> 
      <Label Content="{TemplateBinding Content}" Background="Transparent" Margin="2"></Label> 
     </StackPanel> 
    </Border> 
</ControlTemplate> 

और इस तरह इसका इस्तेमाल:

<Button Content="Button" Template="{StaticResource ResourceKey=buttonTemplate}"> 
    <Button.Resources> 
     <ImageSource x:Key="Img">SomeUri.png/</ImageSource> 
    </Button.Resources> 
</Button> 

Answer 2

आपने वास्तव में यह नहीं कहा है कि आप अपने बटन के उपभोक्ताओं को स्रोत सेट करने की अपेक्षा कैसे करते हैं। आप Button.Tag प्रॉपर्टी का उपयोग कर सकते हैं, उदाहरण के लिए, और उसके बाद अपने टेम्पलेट में बाध्य करें।

public class ImageButton : Button 
{ 
    // add Source dependency property a la Image 
} 

तो टेम्पलेट और::

<ControlTemplate TargetType="ImageButton"> 
    <Border CornerRadius="5" Margin="15" Cursor="Hand"> 
     <StackPanel> 
      <Image Name="Img" Style="{StaticResource ImageStyle}" Source="{TempateBinding Source}" Height="100" Width="100" Margin="5"></Image> 
      <Label Content="{TemplateBinding Content}" Background="Transparent" Margin="2"></Label> 
     </StackPanel> 
    </Border> 
</ControlTemplate> 

Answer 3

TemplateBinding एक हल्के है "बाइंडिंग", यह इस तरह स्वचालित रूप से टाइप के रूप में पारंपरिक बाध्यकारी की कुछ सुविधाओं का समर्थन नहीं करता, या फिर आप अपने स्वयं के नियंत्रण में निर्धारित कर सकते लक्ष्य संपत्ति से जुड़े ज्ञात प्रकार कनवर्टर्स का उपयोग करके रूपांतरण (जैसे स्ट्रिंग यूआरआई को बिटमैप स्रोत उदाहरण में परिवर्तित करना)।

निम्नलिखित कोड ठीक से काम कर सकते हैं:

<Window x:Class="GridScroll.Window2" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="Window2"> 
<Window.Resources> 
    <Style TargetType="{x:Type Button}" x:Key="ButtonStyle"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Button"> 
        <Border CornerRadius="5" Margin="15" Cursor="Hand" Background="Red"> 
         <StackPanel Orientation="Horizontal" Background="White"> 
          <Image Name="Img" Source="{Binding Path=Tag, RelativeSource={RelativeSource TemplatedParent}}" Margin="5"></Image> 
          <Label Content="{TemplateBinding Content}" Margin="2"></Label> 
         </StackPanel> 
        </Border> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 


</Window.Resources> 
<StackPanel Orientation="Horizontal"> 
    <Button Style="{StaticResource ButtonStyle}" Tag="a.jpeg" Content="a"/> 
    <Button Style="{StaticResource ButtonStyle}" Tag="b.png" Content="b"/> 
</StackPanel> 

Answer 4

मुझे यकीन है कि मैं आपकी समस्या को बहुत अच्छी तरह से समझ नहीं कर रहा हूँ, लेकिन तुम क्यों ContentPresenter का उपयोग नहीं करते? यह आपकी छवि के लिए उच्च स्तर पर कोड को स्थानांतरित करने की अनुमति देता है।

<ControlTemplate x:Key="BtnTemplate" TargetType="Button"> 
    ... 
    <ContentPresenter/> 
</ControlTemplate> 
... 
<Button Template="{StaticResource BtnTemplate}"> 
    <Image .../> 
</Button>