चांदी के प्रकाश में कस्टम बटन

Question

मैं चांदी की रोशनी में इस तरह के बटन कैसे बना सकता हूं। क्या मुझे इसके लिए अभिव्यक्ति मिश्रण की आवश्यकता है।

चूंकि मुझे अपने आवेदन में कई स्थानों पर संशोधित बटन का उपयोग करने की आवश्यकता है, तो क्या मुझे इसे उपयोगकर्ता नियंत्रण के रूप में करना चाहिए?

Answer 1

इसके लिए आपको UserControl की आवश्यकता नहीं है, केवल एक कस्टम संसाधन के रूप में एक कस्टम Button टेम्पलेट, जिसे आप किसी भी Button उदाहरण पर शैली सेट करके पुन: उपयोग कर सकते हैं।

हालांकि यह मिश्रण के बिना करने योग्य है, मैं आपको कम से कम परीक्षण प्राप्त करने की सलाह देता हूं, यह डिजाइन/दृश्य विकास के लिए वास्तव में वास्तव में अच्छा आईडीई है!

संपादित करें: एक छोटे से वर्तमान यहाँ एक प्रारंभिक बिंदु :)

<Style x:Key="ButtonStyle1" TargetType="Button"> 
    <Setter Property="Foreground" Value="#FFFFFFFF"/> 
    <Setter Property="Padding" Value="3"/> 
    <Setter Property="BorderThickness" Value="1"/> 
    <Setter Property="BorderBrush" Value="#FF000000"/> 
    <Setter Property="Template"> 
     <Setter.Value> 
       <ControlTemplate TargetType="Button"> 
        <Grid> 
          <VisualStateManager.VisualStateGroups> 
           <VisualStateGroup x:Name="CommonStates"> 
             <VisualState x:Name="Normal"/> 
             <VisualState x:Name="MouseOver"/> 
             <VisualState x:Name="Pressed"/> 
             <VisualState x:Name="Disabled"> 
              <Storyboard> 
               <DoubleAnimation Duration="0" To="0.4" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="DisabledVisualElement"/> 
              </Storyboard> 
             </VisualState> 
           </VisualStateGroup> 
           <VisualStateGroup x:Name="FocusStates"> 
             <VisualState x:Name="Focused"> 
               <Storyboard> 
                <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualElement"/> 
               </Storyboard> 
             </VisualState> 
             <VisualState x:Name="Unfocused"/> 
           </VisualStateGroup> 
          </VisualStateManager.VisualStateGroups> 
          <Border x:Name="Background" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> 
            <Border.Background> 
             <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
              <GradientStop Color="#FF707070" Offset="0"/> 
              <GradientStop Color="#FF666666" Offset="0.49"/> 
              <GradientStop Color="#FF5e5e5e" Offset="0.51"/> 
              <GradientStop Color="#FF535353" Offset="1"/> 
             </LinearGradientBrush> 
            </Border.Background> 
          </Border> 
          <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"> 
           <ContentPresenter.Effect> 
             <DropShadowEffect BlurRadius="3" ShadowDepth="2" Opacity="0.5"/> 
           </ContentPresenter.Effect> 
          </ContentPresenter> 
          <Rectangle x:Name="DisabledVisualElement" Fill="#FFFFFFFF" IsHitTestVisible="false" Opacity="0"/> 
          <Rectangle x:Name="FocusVisualElement" IsHitTestVisible="false" Margin="1" Opacity="0" Stroke="#FF6DBDD1" StrokeThickness="1"/> 
        </Grid> 
       </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

Answer 2

आप मिश्रण का उपयोग कर आप एक बहुत अधिक शक्ति दे देंगे हाथ से मिश्रण के बिना यह कर सकते हैं, लेकिन विश्वास है मुझे, और आप समय के अंश में और अधिक अद्भुत परिणाम अगर आप का फैसला आप की आवश्यकता होगी मिल जाएगा अपने आप सब कुछ करने के लिए।

Answer 3

मैं निश्चित रूप से मिश्रण की सलाह देते हैं, क्योंकि यह इतना समय की बचत होती है जब नियंत्रण स्टाइल और बनाने टेम्पलेट्स है के रूप में।

हालांकि, अगर आप बटन बिल्कुल छवि के रूप में एक ही होने पर सेट नहीं कर रहे हैं, वहाँ कई विषयों है कि आप (जैसे JetPack के रूप में) का उपयोग करें, जिससे आप टेम्पलेट्स उधार ले सकता सकता है और अपेक्षाकृत रंग में संशोधन कर रहे हैं आसानी से एक्सएएमएल में।