Ibraheem Osama Mohamed (ابراهيم اسامه محمد)

Welcome to my blog :)

Windows 8.1 Xaml new Controls part 2 (Arabic) ما الجديد فى ويندوز 8.1 لمبرمج الواجهة

leave a comment »

هذا هو ثانى مقال فى السلسلة و سوف نتحدث فيه عن  DatePicker و TimePicker و Hyperlink  و Flyout

كان هناك الكثير من ال Controls التى تقوم بمهام ال DatePicker و باقى ال Controls  فى ويندوز 8 ولاكن للاسف لم تكن ببلاش و كان المطور ليبرمج ال DatePicker او ال Flyout الخاص به ياخذ الكثير من الوقت و قد حل ويندوز 8.1 هذه المشكلة بتنزيل ال DatePicker Control

والان هيا بنا نتخيل ان فى التطبيق المطلوب ان لدينا الكثير من ال Controls فى الصفحة و من ضمن المتطلبات ان يدخل المستخدم تاريخ معين و يجب ان يكون هناك شرح بسيط للتاريخ , هناك مشكلة واحده و هى اين سوف اضع هذا ال DatePicker و الشرح الخاص به ؟؟
ال Flyout حلت هذه المشكلة فهى عباره عن Popup يظهر للمستخدم عند حدوث حدث معين و تختفى عند الضغط على اى شاء داخل الشاشة عدا جزئها

هيا بنا نبدأ الجزء العملى 🙂
1)افتح مشروع ويندوز 8 جديد
2)اضف Button : عند الضغط على ال Button تظهر ال Flyout و بها ال DatePicker
3)ما هى ال Controls التى سوف تحتوى عليها ال Flyout ؟؟
أ)ال DatePicker و ال TimePicker لاختيار التاريخ
ب)RichTextBlock لشرح ما استخدام هذا التاريخ و به HyperLink يذهب بك الى صفحة ويب بها المزيد من الشرح

4) اضف على كل Control خاصية FlowDirection=RightToLeft حتى يظهر العربى بالشكل المناسب 🙂

<Grid Background=”{ThemeResource ApplicationPageBackgroundThemeBrush}”>

        <Button FlowDirection=”RightToLeft” Content=”انقرهنا HorizontalAlignment=”Left”
Margin
=”267,221,0,0″ VerticalAlignment=”Top”>

            <Button.Flyout>

                <Flyout>

                    <StackPanel>

                        <RichTextBlock Width=”200″ FlowDirection=”RightToLeft”>

                            <Paragraph>

                                هذاهوالتطبيقالخاصبماهوالجديدفىويندوز 8

                                <Hyperlink NavigateUri=”https://ibraheemosama.wordpress.com/”&gt;لقرائةالمذيدانقرهنا</Hyperlink>

                                نهايهالمقال

                            </Paragraph>

                        </RichTextBlock>

                        <DatePicker FlowDirection=”RightToLeft” Header=”أختارالتاريخ“/>

                        <TimePicker FlowDirection=”RightToLeft” Header=”أختارالوقت“/>

                    </StackPanel>

                </Flyout>

            </Button.Flyout>

        </Button>

    </Grid>

5)شغل التطبيق

1

2

3

4

ان كان لك اى سؤال فى هذا المقال او عن ويندوز 8 ارجوك لا تتردد فى سؤالى 🙂
شكرا
ابراهيم اسامة محمد

2056910448_thanks_xlargeIbraheem Osama Mohamed
[MVP]
IbraheemOM@

Advertisements

Written by Ibraheem Osama Mohamed

November 8, 2013 at 5:28 pm

Posted in Windows 8

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: