• 0

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

لاحظت في معظم قوالب التي قمت بتحميلها لتطبيقات ويندوز فون وجود عناصر بألوان متعددة مثل أزرار ذات ألوان متدرجة هل يمكن تطبيق ذلك عند تطويري لتطبيق ويندوز فون؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

يمكن إنشاء ألون متدرجة باستخدام LinearGradientBrush وهو عبارة عن صف class يقوم بتلوين منطقة ما بشكل منحدر خطي متدرج  linear gradien، تحدد بداية ونهاية الخط بالخاصيتين StatrPoint , EndPoint ، القيمة الافتراضية لنقطة البداية هي (0,0) الزاوية اليسارية العليا من العنصر، القيمة الافتراضية لنقطة النهاية هي (1,1)  الزاوية اليمينية السفلى.

Gradient1.thumb.png.d806da9190bda64f590e

يمكن تحديد مجال كل لون باستخدام الخاصية Offset التي تأخذ قيمتها من 0.0 - 1.0 مثلًا في المثال يوجد 4 ألوان (أصفر، أحمر، أزرق، أخضر).

لاحظ قيم الـ Offset لكل لون:

gradient2.thumb.png.5fe57c74be7cad0881e3

لنقم بتطبيق LinearGradientBrush  على عنصر في ويندوز فون وتحديد مجال الألوان وقيمها حيث سنطبق على العنصر Ellips في الخاصية Fill كما في المثال التالي:

<Ellipse  HorizontalAlignment="Left" Height="169" Margin="166,82,0,0" Grid.Row="1" Stroke="Black" VerticalAlignment="Top" Width="182" RenderTransformOrigin="-3.386,0.383" ManipulationStarted="Ellipse_ManipulationStarted">
            <Ellipse.Fill>
                <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
                    <GradientStop Color="White" Offset="0.0"/>
                    <GradientStop Color="LightBlue" Offset="0.5"/>
                    <GradientStop Color="Navy" Offset="1"/>
                </LinearGradientBrush>
            </Ellipse.Fill>

قمت بتحديد 3 ألون White, LightBlue, Navy وقيمة Offset لكل لون والنتيجة:

gradient3.thumb.png.c45bcb37bd24862e5b6b

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

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن