public CodeBlocksViewController()
        {
            // [OPTIMIZELY] Example how to declare a code block
            OnboardingFunnel = OptimizelyCodeBlocksKey.GetOptimizelyCodeBlocksKey("OnboardingFunnel", new NSObject[] { new NSString("Add Onboarding Stage") });
            OptimizelyiOS.Optimizely.PreregisterBlockKey(OnboardingFunnel);

            View.BackgroundColor = Styling.Colors.BackgroundColor;

            var image = new UIImageView
            {
                Image = UIImage.FromBundle("Images/widgetCoLogo_red"),
            };

            var label = new UILabel
            {
                Text          = "A company that helps you buy widgets.",
                TextColor     = Styling.Colors.TextBlue,
                Font          = UIFont.FromName("Gotham-Light", 12),
                TextAlignment = UITextAlignment.Center
            };

            var button = new CustomButton
            {
                TitleText = "Sign In"
            };

            button.TouchUpInside += Button_TouchUpInside;

            View.AddSubviews(image, label, button);

            View.SubviewsDoNotTranslateAutoresizingMaskIntoConstraints();

            View.AddConstraints(
                image.WithSameCenterX(View),
                image.WithSameTop(View).Plus(60),

                label.WithSameCenterX(View),
                label.Below(image).Plus(30),

                button.WithSameCenterX(View),
                button.WithSameBottom(View).Minus(150),
                button.Width().EqualTo(200),
                button.Height().EqualTo(50)
                );
        }
Esempio n. 2
0
        public CodeBlocksOnboardViewController()
        {
            View.BackgroundColor = Styling.Colors.BackgroundColor;

            var image = new UIImageView
            {
                Image = UIImage.FromBundle("Images/widgetCoLogo_red"),
            };

            var label = new UILabel
            {
                Text          = "We sell gears.",
                TextColor     = Styling.Colors.TextBlue,
                Font          = UIFont.FromName("Gotham-Light", 12),
                TextAlignment = UITextAlignment.Center
            };

            var button = new CustomButton
            {
                TitleText = "Start shopping now!"
            };

            View.AddSubviews(image, label, button);

            View.SubviewsDoNotTranslateAutoresizingMaskIntoConstraints();

            View.AddConstraints(
                image.WithSameCenterX(View),
                image.WithSameTop(View).Plus(60),

                label.WithSameCenterX(View),
                label.Below(image).Plus(30),

                button.WithSameCenterX(View),
                button.WithSameBottom(View).Minus(150),
                button.Width().EqualTo(200),
                button.Height().EqualTo(50)
                );
        }
Esempio n. 3
0
        public WelcomeController()
        {
            View.BackgroundColor = Styling.Colors.WelcomeBackgroundColor;

            var welcomeView = new UIView
            {
                BackgroundColor = UIColor.White,
                ClipsToBounds   = true,
            };

            welcomeView.Layer.CornerRadius = 8;

            var image = new UIImageView
            {
                Image       = UIImage.FromBundle("Images/blueLogoWelcomeScreen"),
                ContentMode = UIViewContentMode.ScaleAspectFit
            };

            var welcomeLabel = new UILabel
            {
                Text          = "Welcome to the\nOptimizely Tutorial App",
                Lines         = 2,
                TextAlignment = UITextAlignment.Center,
            };

            welcomeLabel.Font = UIFont.FromName("Gotham-Light", 18);

            var textLabel = new UILabel
            {
                Text          = "Please open your browser to\ndevelopers.optimizely.com/ios",
                Lines         = 2,
                TextAlignment = UITextAlignment.Center,
            };

            textLabel.Font = UIFont.FromName("Gotham-Light", 14);

            var button = new CustomButton
            {
                BackgroundColor = Styling.Colors.ButtonGreen,
                TitleText       = "Got it. Let's go!"
            };

            // [OPTIMIZELY] Below is an example of if you want to tag
            // ids manually
            // OptimizelyiOS.UIView_Optimizely.GetOptimizelyId(button);

            button.TouchUpInside += Button_TouchUpInside;

            welcomeView.AddSubview(image);
            welcomeView.AddSubview(welcomeLabel);
            welcomeView.AddSubview(textLabel);
            welcomeView.AddSubview(button);

            welcomeView.SubviewsDoNotTranslateAutoresizingMaskIntoConstraints();
            welcomeView.AddConstraints(
                image.WithSameCenterX(welcomeView),
                image.WithSameTop(welcomeView).Plus(40),
                image.WithSameLeft(welcomeView).Plus(30),
                image.WithSameRight(welcomeView).Minus(30),

                welcomeView.WithSameCenterX(welcomeView),
                welcomeLabel.Below(image).Plus(50),
                welcomeLabel.WithSameLeft(welcomeView).Plus(15),
                welcomeLabel.WithSameRight(welcomeView).Minus(15),

                textLabel.WithSameCenterX(welcomeView),
                textLabel.Below(welcomeLabel).Plus(50),
                textLabel.WithSameWidth(welcomeLabel),

                button.WithSameCenterX(welcomeView),
                button.Below(textLabel).Plus(50),
                button.Width().EqualTo(200),
                button.Height().EqualTo(50)
                );

            View.AddSubview(welcomeView);
            View.SubviewsDoNotTranslateAutoresizingMaskIntoConstraints();

            View.AddConstraints(
                welcomeView.WithSameCenterX(View),
                welcomeView.WithSameCenterY(View).Minus(10),
                welcomeView.WithSameLeft(View).Plus(30),
                welcomeView.WithSameRight(View).Minus(30),
                welcomeView.Width().EqualTo(View.Bounds.Width - 60),
                welcomeView.Height().EqualTo(380)
                );
        }
Esempio n. 4
0
        public VisualEditorViewController()
        {
            View.BackgroundColor = Styling.Colors.BackgroundColor;

            View.AddGestureRecognizer(new UITapGestureRecognizer(ViewTap));

            var discountLabel = new UILabel
            {
                BackgroundColor = Styling.Colors.Green,
                Text            = "25% OFF YOUR FIRST ORDER IF YOU SIGN UP BY 9/1",
                Font            = UIFont.FromName("Gotham-Medium", 11),
                TextColor       = UIColor.White,
                TextAlignment   = UITextAlignment.Center
            };

            var image = new UIImageView
            {
                Image = UIImage.FromBundle("Images/widgetCoLogo_red"),
            };

            var emailLabel = new UILabel
            {
                Text = "Email",
                Font = UIFont.FromName("Gotham-Light", 10)
            };
            var emailField = new CustomTextField
            {
                Placeholder = "*****@*****.**"
            };

            var phoneLabel = new UILabel
            {
                Text = "Phone Number:",
                Font = UIFont.FromName("Gotham-Light", 10)
            };

            var phoneField = new CustomTextField
            {
                Placeholder = "(555)-555-5555"
            };

            var passwordLabel = new UILabel
            {
                Text = "Password",
                Font = UIFont.FromName("Gotham-Light", 10)
            };

            var passwordField = new CustomTextField
            {
                SecureTextEntry = true,
            };

            var button = new CustomButton
            {
                TitleText = "Take me to the widgets"
            };

            View.AddSubviews(emailLabel, emailField, phoneLabel, phoneField, passwordLabel, passwordField, button, discountLabel, image);

            View.SubviewsDoNotTranslateAutoresizingMaskIntoConstraints();

            View.AddConstraints(
                discountLabel.WithSameTop(View),
                discountLabel.WithSameLeft(View),
                discountLabel.WithSameRight(View),
                discountLabel.Height().EqualTo(30),

                phoneLabel.WithSameLeft(phoneField),
                phoneLabel.WithSameCenterY(View),

                phoneField.WithSameCenterX(View),
                phoneField.Height().EqualTo(30),
                phoneField.Width().EqualTo(200),
                phoneField.Below(phoneLabel).Plus(5),

                emailField.WithSameLeft(phoneField),
                emailField.WithSameWidth(phoneField),
                emailField.WithSameHeight(phoneField),
                emailField.Above(phoneLabel).Minus(15),

                emailLabel.WithSameLeft(phoneField),
                emailLabel.Above(emailField).Minus(5),

                image.WithSameCenterX(View),
                image.Above(emailLabel).Minus(15),

                passwordLabel.WithSameLeft(phoneField),
                passwordLabel.Below(phoneField).Plus(15),

                passwordField.WithSameLeft(phoneField),
                passwordField.WithSameWidth(phoneField),
                passwordField.WithSameHeight(phoneField),
                passwordField.Below(passwordLabel).Plus(5),

                button.Below(passwordField).Plus(20),
                button.WithSameCenterX(View),
                button.WithSameWidth(phoneField),
                button.Height().EqualTo(50)
                );
        }