اذهب إلى المحتوى
  • 0

كيف أنشئ style في ويندوز فون وأطبقه على العناصر؟

عامر بيرادي

السؤال

أريد إنشاء تصميم خاص للأزرار في ويندوز فون كيف أستطيع عمل ذلك وتطبيق الStyle على الأزرار مثل جعل حواف الأزرار دائرية وتغيير لونها ولون الإطار؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

يتم ذلك عن طريق الخاصية Resources حيث يتم إنشاء وتحديد التصميم Style وتحديد نوع العنصر الذي نريد تطبيق التصميم عليه في الخاصية TargetType مثلًا TargetType="Button" ثم بعد ذلك يتم بناء Setters  في كل وسوم <Setter> يتم تحديد الخصائص التي ستتغير في العنصر مثل الطول، العرض، اللون، لون الخلفية..الخ.

مثال لنقم ببناء تصميم Style على الأزرار Buttons الموجودة في StackPanel:

<StackPanel>
                <StackPanel.Resources>
                    <Style TargetType="Button" x:Key="ButtonStyle">
                        <Setter Property="Width" Value="200"/>
                        <Setter Property="Height" Value="100"/>
                        <Setter Property="Margin" Value="4"/>
                        <Setter Property="FontSize" Value="20"/>

                        <Setter Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
                                    <GradientStop Color="Blue" Offset="0.0"/>
                                    <GradientStop Color="LightBlue" Offset="0.5"/>
                                    <GradientStop Color="Navy" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </StackPanel.Resources>

إنشاء الأزرار وتطبيق التصميم على الزر عن طريق الخاصية Style="StaticResource nameofStyle":

  <Button Style="{StaticResource ButtonStyle}" Content="Click Me"></Button>

                <Button Style="{StaticResource ButtonStyle}" Content="OK"></Button>
                <Button Style="{StaticResource ButtonStyle}" Content="Cancel"></Button>
            </StackPanel>

 

style.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...