Merge pull request #129 from spiridon-alexandru/master

MOSYNC-2055: Modal dialog implemented on windows phone 7.1

runtimes/csharp/windowsphone/mosync/mosyncRuntime/Source/Modules/MoSyncModalDialogModule.cs

@@ -0,0 +1,110 @@
+/* Copyright (C) 2012 MoSync AB
+
+This program is free software; you can redistribute it and/or
+modify it under the terms of the GNU General Public License,
+version 2, as published by the Free Software Foundation.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program; if not, write to the Free Software
+Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
+MA 02110-1301, USA.
+*/
+/**
+ * @file MoSyncModalDialogModule.cs
+ * @author Spiridon Alexandru
+ *
+ * @brief This represents the Modal Dialog module implementation
+ *        on Windows Phone 7.1, language c#
+ *
+ * @platform WP 7.1
+ **/
+using System;
+using System.Net;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Documents;
+using System.Windows.Ink;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Animation;
+using System.Windows.Shapes;
+using Microsoft.Phone.Controls;
+using MoSync.NativeUI;
+
+namespace MoSync
+{
+    public class ModalDialogModule : IIoctlModule
+    {
+        public void Init(Ioctls ioctls, Core core, Runtime runtime)
+        {
+            /**
+	         * Shows a dialog widget.
+	         * \param _dialogHandle The handle of the dialog that will be shown.
+	         *
+	         * \returns Any of the following result codes:
+	         * - #MAW_RES_OK if the child could be removed from the parent.
+	         * - #MAW_RES_INVALID_HANDLE if the handle was invalid.
+	         * - #MAW_RES_ERROR otherwise.
+	         */
+            ioctls.maWidgetModalDialogShow = delegate(int _dialogHandle)
+            {
+                if (!isHandleValid(runtime, _dialogHandle))
+                {
+                    return MoSync.Constants.MAW_RES_INVALID_HANDLE;
+                }
+
+                MoSync.Util.RunActionOnMainThreadSync(() =>
+                {
+                    // show the dialog
+                    ((ModalDialog)runtime.GetModule<NativeUIModule>().GetWidget(_dialogHandle)).ShowDialog(true);
+                });
+
+                return MoSync.Constants.MAW_RES_OK;
+            };
+
+            /**
+	         * Hides/Dismisses a currently displayed dialog.
+	         * \param _dialogHandle The handle of the dialog that will be hidden.
+	         *
+	         * \returns Any of the following result codes:
+	         * - #MAW_RES_OK if the child could be removed from the parent.
+	         * - #MAW_RES_INVALID_HANDLE if the handle was invalid.
+	         * - #MAW_RES_ERROR otherwise.
+	         */
+            ioctls.maWidgetModalDialogHide = delegate(int _dialogHandle)
+            {
+                if (!isHandleValid(runtime, _dialogHandle))
+                {
+                    return MoSync.Constants.MAW_RES_INVALID_HANDLE;
+                }
+
+                MoSync.Util.RunActionOnMainThreadSync(() =>
+                {
+                    // hide the dialog
+                    ((ModalDialog)runtime.GetModule<NativeUIModule>().GetWidget(_dialogHandle)).ShowDialog(false);
+                });
+
+                return MoSync.Constants.MAW_RES_OK;
+            };
+        }
+
+        /*
+         * Checks if a handle is a valid handler (a valid handle shouldn't be negative).
+         * @param runtime The current runtime
+         * @param handle The handle to be checked
+         */
+        private bool isHandleValid(Runtime runtime, int handle)
+        {
+            if (runtime.GetModule<NativeUIModule>().GetWidget(handle).GetHandle() < 0)
+            {
+                return false;
+            }
+            return true;
+        }
+    }
+}

runtimes/csharp/windowsphone/mosync/mosyncRuntime/Source/Modules/NativeUI/MoSyncDialogView.cs

@@ -0,0 +1,225 @@
+/* Copyright (C) 2012 MoSync AB
+
+This program is free software; you can redistribute it and/or
+modify it under the terms of the GNU General Public License,
+version 2, as published by the Free Software Foundation.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program; if not, write to the Free Software
+Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
+MA 02110-1301, USA.
+*/
+/**
+ * @file MoSyncDialogView.cs
+ * @author Spiridon Alexandru
+ *
+ * @brief This represents the Dialog View Widget implementation for the NativeUI
+ *        component on Windows Phone 7, language C#
+ *
+ * @platform WP 7.1
+ **/
+using System;
+using System.Net;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Documents;
+using System.Windows.Ink;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Animation;
+using System.Windows.Shapes;
+using System.Windows.Controls.Primitives;
+using Microsoft.Phone.Controls;
+
+namespace MoSync
+{
+    namespace NativeUI
+    {
+        /**
+         * The Dialog view class defines the attributes and behavior of a Dialog view widget.
+         * The dialog view allows the developer to add it's own controls on a view that appears on
+         * top of the main application layer.
+         */
+        public class ModalDialog : WidgetBaseWindowsPhone
+        {
+            /*
+             * The Popup control used as a dialog view
+             */
+            protected Popup mDialogPopUp;
+
+            /*
+             * The stack panel control that is used to encapsulate the dialog view
+             * controls. A stackpanel was used for a better and quicker arrangement
+             * of controls inside the dialog.
+             */
+            protected System.Windows.Controls.StackPanel mDialogView;
+
+            /*
+             * The text block used as a title for the dialog view
+             */
+            protected TextBlock titleTextBlock;
+
+            // the background color for the dialog view
+            private static String dialogViewBackgroundColor = "#FF1F1F1F";
+
+            // the font color for the title
+            private static String dialogViewTitleFontColor = "#FFFFFFFF";
+
+            // the distance between the dialog view stack panel and the screen edge
+            private static int marginDistance = 12;
+
+            // the background overlay color (the background color that's behind the dialog view)
+            private static String dialogViewOverlayColor = "#7F000000";
+
+            /**
+             * Constructor
+             */
+            public ModalDialog()
+            {
+                // create the dialog view
+                mDialogView = new StackPanel();
+                mDialogView.Background = GetColorFromHexa(dialogViewBackgroundColor);
+                // remove the bottom margin from the total height of the dialog view
+                mDialogView.Height = Application.Current.Host.Content.ActualHeight - marginDistance;
+                // remove the margins from the total width of the dialog view (remove 2 * marginDistance)
+                mDialogView.Width = Application.Current.Host.Content.ActualWidth - marginDistance * 2;
+                mDialogView.Margin = new Thickness(marginDistance, 0, marginDistance, marginDistance);
+
+                // the title text block
+                titleTextBlock = new TextBlock();
+                titleTextBlock.Width = Application.Current.Host.Content.ActualWidth;
+                /*
+                 * PhoneTextLargeStyle description:
+                 * BasedOn: PhoneTextBlockBase
+                 * FontFamily: PhoneFontFamilySemiLight
+                 * FontSize: PhoneFontSizeLarge
+                 */
+                titleTextBlock.Style = (Style)Application.Current.Resources["PhoneTextLargeStyle"];
+                titleTextBlock.TextWrapping = TextWrapping.Wrap;
+                titleTextBlock.Foreground = GetColorFromHexa(dialogViewTitleFontColor);
+                // the title text block has it's own margin distance inside the dialog view stack panel
+                titleTextBlock.Margin = new Thickness(marginDistance);
+
+                mDialogView.Children.Add(titleTextBlock);
+
+                // create the transparent background of the popup control
+                mDialogPopUp = new Popup();
+                mDialogPopUp.Child = new StackPanel();
+                ((StackPanel)mDialogPopUp.Child).Background = GetColorFromHexa(dialogViewOverlayColor);
+                ((StackPanel)mDialogPopUp.Child).Children.Add(mDialogView);
+
+                mView = mDialogPopUp;
+
+                // because the popup is not added as a child to a widget, we need to change the orientation manually
+                (Application.Current.RootVisual as Microsoft.Phone.Controls.PhoneApplicationFrame).OrientationChanged += new EventHandler<Microsoft.Phone.Controls.OrientationChangedEventArgs>(OrientationChangedHandler);
+            }
+
+            // The AddChild implementation
+            public override void AddChild(IWidget child)
+            {
+                base.AddChild(child);
+
+                WidgetBaseWindowsPhone w = (WidgetBaseWindowsPhone)child;
+                MoSync.Util.RunActionOnMainThreadSync(() =>
+                {
+                    mDialogView.Children.Add(w.View);
+                });
+            }
+
+            /**
+             * Property for setting and getting the title of the dialog view.
+             */
+            [MoSyncWidgetProperty(MoSync.Constants.MAW_MODAL_DIALOG_TITLE)]
+            public String Title
+            {
+                set
+                {
+                    titleTextBlock.Text = value;
+                }
+                get
+                {
+                    return titleTextBlock.Text;
+                }
+            }
+
+            /*
+             * Method used to show/dismiss the dialog view.
+             */
+            public void ShowDialog(bool show)
+            {
+                mDialogPopUp.IsOpen = show;
+            }
+
+            /**
+             * Function used to return a SolidColorBrush from a hexadecimal color string
+             */
+            public static SolidColorBrush GetColorFromHexa(string hexaColor)
+            {
+                return new SolidColorBrush(
+                    Color.FromArgb(
+                        Convert.ToByte(hexaColor.Substring(1, 2), 16),
+                        Convert.ToByte(hexaColor.Substring(3, 2), 16),
+                        Convert.ToByte(hexaColor.Substring(5, 2), 16),
+                        Convert.ToByte(hexaColor.Substring(7, 2), 16)
+                    )
+                );
+            }
+
+            /**
+             * The Orientation changed event handler
+             * Currently it contains the functionality for the orientation changed event.
+             * @param from Object the object that triggers the event
+             * @param args Microsoft.Phone.Controls.OrientationChangedEventArgs the event arguments
+             */
+            public void OrientationChangedHandler(object from, Microsoft.Phone.Controls.OrientationChangedEventArgs args)
+            {
+                // Because the popup is not inside the application visual tree, it's not automatically rotated. We
+                // need to do this manually.
+                RotateTransform transform = new RotateTransform();
+                transform.Angle = 0d;
+                double newWidth = 0, newHeight = 0;
+                double horizontalOffset = 0, verticalOffset = 0;
+
+                // Based on the new orientation, we decide the rotate angle, the new width/heigth and
+                // the new offsets (this one is needed because after a rotate, the popup might be outside
+                // the visible area).
+                switch (args.Orientation)
+                {
+                    case PageOrientation.LandscapeRight:
+                        newWidth = Application.Current.Host.Content.ActualHeight - marginDistance * 2;
+                        newHeight = Application.Current.Host.Content.ActualWidth - marginDistance;
+                        transform.Angle = -90d;
+                        horizontalOffset = -Application.Current.Host.Content.ActualHeight;
+                        verticalOffset = 0;
+                        break;
+                    case PageOrientation.LandscapeLeft:
+                        newWidth = Application.Current.Host.Content.ActualHeight - marginDistance * 2;
+                        newHeight = Application.Current.Host.Content.ActualWidth - marginDistance;
+                        transform.Angle = 90d;
+                        horizontalOffset = 0;
+                        verticalOffset = -Application.Current.Host.Content.ActualWidth;
+                        break;
+                    case PageOrientation.PortraitUp:
+                        newWidth = Application.Current.Host.Content.ActualWidth - marginDistance * 2;
+                        newHeight = Application.Current.Host.Content.ActualHeight - marginDistance;
+                        transform.Angle = 0;
+                        break;
+                }
+
+                // rotate the popup
+                mDialogPopUp.RenderTransform = transform;
+                // set the new width/heigth
+                mDialogView.Width = newWidth;
+                mDialogView.Height = newHeight;
+                // translate the popup along the x and y axis
+                mDialogPopUp.HorizontalOffset = horizontalOffset;
+                mDialogPopUp.VerticalOffset = verticalOffset;
+            }
+        }
+    }
+}

runtimes/csharp/windowsphone/mosync/mosyncRuntime/Source/Modules/NativeUI/MoSyncLabel.cs

@@ -46,6 +46,17 @@ public Label()
                 mLabel = new System.Windows.Controls.TextBlock();
 				mLabel.TextWrapping = TextWrapping.Wrap;
 
+                /*
+                 * We need to set some default values on the text block. For this, we use
+                 * a predefined style.
+                 * PhoneTextNormalStyle description:
+                 * FontFamily: PhoneFontFamilyNormal
+                 * FontSize: PhoneFontSizeNormal
+                 * Foreground: PhoneForegroundBrush
+                 * Margin: PhoneHorizontalMargin
+                 */
+                mLabel.Style = (Style)Application.Current.Resources["PhoneTextNormalStyle"];
+
                 mView = mLabel;
 			}
 
@@ -182,7 +193,7 @@ public int maxNumberOfLines
 			}
 
             /**
-             * The implementation of the "FontHandle" property. 
+             * The implementation of the "FontHandle" property.
              * Sets the font handle used to display the item's text
              */
             [MoSyncWidgetProperty(MoSync.Constants.MAW_LABEL_FONT_HANDLE)]

runtimes/csharp/windowsphone/mosync/mosyncRuntime/mosyncRuntime.csproj

@@ -87,13 +87,15 @@
     <Compile Include="Source\Modules\MoSyncMathModule.cs" />
     <Compile Include="Source\Modules\MoSyncMemoryModule.cs" />
     <Compile Include="Source\Modules\MoSyncMiscModule.cs" />
+    <Compile Include="Source\Modules\MoSyncModalDialogModule.cs" />
     <Compile Include="Source\Modules\MoSyncNativeUIModule.cs" />
     <Compile Include="Source\Modules\MoSyncOpenGLESModule.cs" />
     <Compile Include="Source\Modules\MoSyncScreenOrientationModule.cs" />
     <Compile Include="Source\Modules\MoSyncSensorsModule.cs" />
     <Compile Include="Source\Modules\NativeUI\MoSyncActivityIndicator.cs" />
     <Compile Include="Source\Modules\NativeUI\MoSyncAd.cs" />
     <Compile Include="Source\Modules\NativeUI\MoSyncCameraPreview.cs" />
+    <Compile Include="Source\Modules\NativeUI\MoSyncDialogView.cs" />
     <Compile Include="Source\Modules\NativeUI\MoSyncPanoramaView.cs" />
     <Compile Include="Source\Modules\NativeUI\MoSyncSearchBar.cs" />
     <Compile Include="Source\Modules\NativeUI\MoSyncStackScreen.cs" />