Skip to content

Glassmorphism Test #2

@bshsqa

Description

@bshsqa

Simply done

using global::System;
using Tizen.NUI;
using Tizen.NUI.BaseComponents;
using NUnit.Framework;
using System.ComponentModel.DataAnnotations;
using System.Numerics;
using System.Runtime.CompilerServices;
using Tizen.NUI.Text;
using Tizen.NUI.BaseComponents.VectorGraphics;

namespace Tizen.NUI.Samples
{
    using log = Tizen.Log;
    public class CaptureTest : IExample
    {
        private Vector4 ShadowColor = Color.Gray;
        private Vector4 whiteShadowColor = new Vector4(0.9f, 0.9f, 0.9f, 1.0f);
        private Vector4 backgroundColor = Color.LightGray;
        private Vector4 fontColor = new Vector4(0.5f, 0.5f, 0.5f, 1.0f);
        private Window window;
        Size shortViewSize = new Size(200.0f, 80.0f);
        Size middleViewSize = new Size(350.0f, 80.0f);
        Size longViewSize = new Size(600.0f, 80.0f);
        Size squareViewSize = new Size(200.0f, 200.0f);
        float cornerRadius = 40.0f;

        public void Activate()
        {
            window = NUIApplication.GetDefaultWindow();
            window.TouchEvent += Win_TouchEvent;
            window.SetBackgroundColor(backgroundColor);

            ImageView imageView = new ImageView()
            {
                ResourceUrl = "/home/seungho/Shared/test2.jpg",
                WidthResizePolicy = ResizePolicyType.FillToParent,
                HeightResizePolicy = ResizePolicyType.FillToParent,                
            };
            window.Add(imageView);

            View cardView = CreateCardViewStyle(new Size(500.0f, 300.0f), 20.0f);
            window.Add(cardView);

            TextLabel name = new TextLabel("Tizen Platform Lab")
            {
                PointSize = 9,
                TextColor = new Vector4(0.7f, 0.7f, 0.7f, 1.0f),
                PositionUsesPivotPoint = true,
                PivotPoint = PivotPoint.TopLeft,
                ParentOrigin = ParentOrigin.TopLeft,
                Position = new Position(30.0f, 120.0f)
            };
            cardView.Add(name);

            TextLabel number = new TextLabel("1 2 3 4    5 6 7 8   9 1 0 1   1 1 2 1")
            {
                PointSize = 12,
                TextColor = new Vector4(0.7f, 0.7f, 0.7f, 1.0f),
                PositionUsesPivotPoint = true,
                PivotPoint = PivotPoint.TopLeft,
                ParentOrigin = ParentOrigin.TopLeft,
                Position = new Position(30.0f, 150.0f)
            };
            cardView.Add(number);

            TextLabel date = new TextLabel("10/30")
            {
                PointSize = 10,
                TextColor = new Vector4(0.7f, 0.7f, 0.7f, 1.0f),
                PositionUsesPivotPoint = true,
                PivotPoint = PivotPoint.TopLeft,
                ParentOrigin = ParentOrigin.TopLeft,
                Position = new Position(30.0f, 250.0f)
            };
            cardView.Add(date);
        }

        private View CreateCardViewStyle(Size size, float cornerRadius)
        {
            float blurRadius = 3.0f;
            Visuals.ColorVisual shadowVisual1 = new Visuals.ColorVisual()
            {
                Name = "shadow1",
                Color = new Color(0.4f, 0.4f, 0.4f, 0.7f),
                BlurRadius = blurRadius,
                OffsetX = blurRadius,
                OffsetY = blurRadius,
                CornerRadius = cornerRadius,
                OffsetXPolicy = VisualTransformPolicyType.Absolute,
                OffsetYPolicy = VisualTransformPolicyType.Absolute,
                CutoutPolicy = ColorVisualCutoutPolicyType.CutoutViewWithCornerRadius,
            };

            Visuals.ColorVisual shadowVisual2 = new Visuals.ColorVisual()
            {
                Name = "shadow2",
                Color = new Color(0.7f, 0.7f, 0.7f, 0.7f),
                BlurRadius = blurRadius,
                OffsetX = -blurRadius,
                OffsetY = -blurRadius,
                CornerRadius = cornerRadius,
                OffsetXPolicy = VisualTransformPolicyType.Absolute,
                OffsetYPolicy = VisualTransformPolicyType.Absolute,
                CutoutPolicy = ColorVisualCutoutPolicyType.CutoutViewWithCornerRadius,
            };

            View button = new View()
            {
                Name = "test_root",
                Size = size,
                CornerRadius = cornerRadius,
                PositionUsesPivotPoint = true,
                PivotPoint = PivotPoint.Center,
                ParentOrigin = ParentOrigin.Center,
            };
            button.SetRenderEffect(RenderEffect.CreateBackgroundBlurEffect(150.0f));
            button.AddVisual(shadowVisual1);
            button.AddVisual(shadowVisual2);
            shadowVisual1.LowerToBottom();
            shadowVisual2.LowerToBottom();

            return button;
        }

        private void Win_TouchEvent(object sender, Window.TouchEventArgs e)
        {
            if (e.Touch.GetState(0) == PointStateType.Down)
            {
            }
        }

        public void Deactivate()
        {
        }
    }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions