Dynamic Element Sizes

qController.Standard/Classes/Cell/QInstanceCell.cs

@@ -72,21 +72,22 @@ namespace qController
                 nameLabel.HorizontalTextAlignment = TextAlignment.Center;
                 nameLabel.VerticalTextAlignment = TextAlignment.End;
                 nameLabel.FontAttributes = FontAttributes.Bold;
-                nameLabel.FontSize = 20;
+                nameLabel.FontSize = App.HeightUnit * 3;
 
                 addressLabel.HorizontalTextAlignment = TextAlignment.Center;
                 addressLabel.VerticalTextAlignment = TextAlignment.Start;
+                addressLabel.FontSize = App.HeightUnit * 2.5;
 
                 connectLabel.HorizontalOptions = LayoutOptions.CenterAndExpand;
                 connectLabel.VerticalOptions = LayoutOptions.CenterAndExpand;
                 connectLabel.Text = QIcon.WIFI;
-                connectLabel.FontSize = 40;
+                connectLabel.FontSize = App.HeightUnit * 6;
                 connectLabel.TextColor = Color.LimeGreen;
 
                 deleteLabel.HorizontalOptions = LayoutOptions.CenterAndExpand;
                 deleteLabel.VerticalOptions = LayoutOptions.CenterAndExpand;
                 deleteLabel.Text = QIcon.TRASH_EMPTY;
-                deleteLabel.FontSize = 40;
+                deleteLabel.FontSize = App.HeightUnit * 6;
                 deleteLabel.TextColor = Color.Red;
 
                 connectLabel.FontFamily = App.QFont;

qController.Standard/Classes/Cell/QSelectedCueCell.cs

@@ -21,7 +21,7 @@ namespace qController
                 RowDefinitions = 
                 {
                     new RowDefinition{Height = GridLength.Star},
-                    new RowDefinition{Height = GridLength.Star}
+                    new RowDefinition{Height = new GridLength(2, GridUnitType.Star)}
                 },
                 ColumnDefinitions = 
                 {
@@ -69,7 +69,7 @@ namespace qController
             number = new Label { 
                 Text = "",
                 FontAttributes = FontAttributes.Bold,
-                FontSize = 30,
+                FontSize = App.HeightUnit * 5,
                 Margin = new Thickness(5)
             };
 
@@ -77,7 +77,7 @@ namespace qController
                 Text = "Loading Workspace....",
                 FontAttributes = FontAttributes.Bold,
                 HorizontalTextAlignment = TextAlignment.Center,
-                FontSize = 20,
+                FontSize = App.HeightUnit * 3.5,
                 Margin = new Thickness(0)
             };
 
@@ -87,10 +87,13 @@ namespace qController
                 VerticalTextAlignment = TextAlignment.Center,
                 HorizontalTextAlignment = TextAlignment.End,
                 Margin = new Thickness(5),
-                FontSize = 27
+                FontSize = App.HeightUnit * 5
             };
 
-            notes = new Label { Text = "Loading Cue Lists and Playhead Position" };
+            notes = new Label { 
+                Text = "Loading Cue Lists and Playhead Position",
+                HorizontalTextAlignment = TextAlignment.Center
+            };
             notes.HorizontalTextAlignment = TextAlignment.Center;
             notes.Margin = new Thickness(0, 0, 0, 10);
 

qController.Standard/Pages/App.xaml.cs

@@ -11,7 +11,9 @@ namespace qController
         public static string QFont;
         public static DisplayInfo mainDisplayInfo;
         public static double Height;
-        public static double Width;
+        public static double Width;
+        public static double HeightUnit;
+        public static double WidthUnit;
         public static bool MenuIsPresented
         {
             get
@@ -33,7 +35,9 @@ namespace qController
 
             mainDisplayInfo = DeviceDisplay.MainDisplayInfo;
             Height = mainDisplayInfo.Height / mainDisplayInfo.Density;
-            Width = mainDisplayInfo.Width / mainDisplayInfo.Density;
+            Width = mainDisplayInfo.Width / mainDisplayInfo.Density;
+            HeightUnit = Height / 100.0;
+            WidthUnit = Width / 100.0;
             System.Console.WriteLine(Height);
             System.Console.WriteLine(Width);
             switch (Device.RuntimePlatform)

qController.Standard/Pages/qConnectionPage.xaml

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 
 <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:qController" x:Class="qController.QConnectionPage">
     <StackLayout x:Name="sLayout">
@@ -10,7 +10,7 @@
             <ColumnDefinition Width="*" />
             <ColumnDefinition Width="*" />
           </Grid.ColumnDefinitions>
-          <Label x:Name = "menuButton" FontFamily = "{StaticResource qfont}" HorizontalOptions = "Start" Margin="20,10,20,10" Grid.Row="0" Grid.Column="0" FontSize="25"/>
+          <Label x:Name = "menuButton" FontFamily = "{StaticResource qfont}" HorizontalOptions = "Start" VerticalOptions="End" Margin="20,10,20,10" Grid.Row="0" Grid.Column="0"/>
         </Grid>
         <ListView x:Name="lstView" HasUnevenRows = "true" >
         </ListView>

qController.Standard/Pages/qConnectionPage.xaml.cs

@@ -54,10 +54,12 @@ namespace qController
             switch (Device.RuntimePlatform)
             {
                 case Device.iOS:
-                    menuButton.Margin = new Thickness(20, 35, 20, 10);
+                    menuButton.Margin = 
+                    menuButton.Margin = new Thickness(App.WidthUnit * 2, 0, 0, App.WidthUnit * 2);
+                    menuButton.FontSize = App.Height * .04;
                     break;
                 case Device.Android:
-                    topBar.HeightRequest = 50;
+                    topBar.HeightRequest = Math.Max(App.Height * .09, 65);
                     menuButton.Margin = new Thickness(20, 10, 20, 10);
                     break;
             }