home/gacui.html

<!DOCTYPE html><html><head>
<meta charset="utf-8">
<title>Gaclib -- Home -- GacUI!</title>
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="../global.css">
<link rel="stylesheet" type="text/css" href="../article.css">
<link rel="stylesheet" type="text/css" href="../navigation.css">
<link rel="stylesheet" type="text/css" href="../category.css">
<script src="../scripts/rootView.js"></script>
<script src="../scripts/homeView.js"></script>
<script src="../scripts/homeCategoryFeatureView.js"></script>

</head>
<body>
<div id="MVC-ViewContainer"></div>
<script lang="javascript">
{
  const mvcModel = {
  "path": "gacui"
};
  const mvcViews = [
  {
    "targetObject": "MVC-ViewContainer",
    "viewName": "Gaclib-RootView"
  },
  {
    "targetObject": "rootViewContainer",
    "viewName": "Gaclib-HomeView"
  },
  {
    "targetObject": "homeViewContainer",
    "viewName": "Gaclib-HomeCategoryFeatureView"
  }
];
  const activeButton = "Home";
  const activeCategory = "GacUI";
  const homeArticle = {
  "index": false,
  "numberBeforeTitle": false,
  "topic": {
    "kind": "Topic",
    "title": "Welcome to Gaclib!",
    "content": [
      {
        "kind": "Paragraph",
        "content": [
          {
            "kind": "Text",
            "text": "\n            Gaclib is a GPU accelerated C++ User Interface library.\n            It is flexible, customizable with rich amount of built-in layout and controls.\n            It also supports control templates, list item templates, MVVM, localization, animation, etc.\n            More importantly, even if the UI is very complex, it still has good performance in interaction.\n            You can find it at "
          },
          {
            "kind": "PageLink",
            "href": "https://github.com/vczh-libraries/Release",
            "content": [
              {
                "kind": "Text",
                "text": "github"
              }
            ]
          },
          {
            "kind": "Text",
            "text": ".\n            This library provide many useful features.\n            If you don't need all features,\n            you can just use a subset of released C++ files to reduce the size of the executable.\n        "
          }
        ]
      },
      {
        "kind": "Paragraph",
        "content": [
          {
            "kind": "Image",
            "src": "/resources/home/xml_HelloWorld.png"
          }
        ]
      }
    ]
  }
};
  const featureList = {
  "title": "GacUI!",
  "features": [
    {
      "image": "/resources/home/cat_gacui_rich.png",
      "href": "gacui/rich.html",
      "article": {
        "index": false,
        "numberBeforeTitle": false,
        "topic": {
          "kind": "Topic",
          "title": "Rich controls and flexible layout",
          "content": [
            {
              "kind": "Paragraph",
              "content": [
                {
                  "kind": "Text",
                  "text": "Built-in layouts, controls and templates."
                }
              ]
            }
          ]
        }
      }
    },
    {
      "image": "/resources/home/cat_gacui_localization.png",
      "href": "gacui/localization.html",
      "article": {
        "index": false,
        "numberBeforeTitle": false,
        "topic": {
          "kind": "Topic",
          "title": "Localization",
          "content": [
            {
              "kind": "Paragraph",
              "content": [
                {
                  "kind": "Text",
                  "text": "Display text in different languages with the ability to switch language at runtime."
                }
              ]
            }
          ]
        }
      }
    },
    {
      "image": "/resources/home/cat_gacui_styling.png",
      "href": "gacui/styling.html",
      "article": {
        "index": false,
        "numberBeforeTitle": false,
        "topic": {
          "kind": "Topic",
          "title": "Styling",
          "content": [
            {
              "kind": "Paragraph",
              "content": [
                {
                  "kind": "Text",
                  "text": "Control any properties of multiple controls centrally using XPath selector."
                }
              ]
            }
          ]
        }
      }
    },
    {
      "image": "/resources/home/cat_gacui_mvvm.png",
      "href": "gacui/mvvm.html",
      "article": {
        "index": false,
        "numberBeforeTitle": false,
        "topic": {
          "kind": "Topic",
          "title": "MVVM and Data binding",
          "content": [
            {
              "kind": "Paragraph",
              "content": [
                {
                  "kind": "Text",
                  "text": "Model-View-ViewModel with virtual mode in controls makes UI be easily updated, testable and scalable."
                }
              ]
            }
          ]
        }
      }
    }
  ]
};
  window["MVC-Resources.mvcModel"] = mvcModel;
  window["MVC-Resources.mvcViews"] = mvcViews;
  window["MVC-Resources.activeButton"] = activeButton;
  window["MVC-Resources.activeCategory"] = activeCategory;
  window["MVC-Resources.homeArticle"] = homeArticle;
  window["MVC-Resources.featureList"] = featureList;
  for (const view of mvcViews) {
    window[view.viewName].renderView(mvcModel, document.getElementById(view.targetObject));
  }
  const renderedScriptTags = document.getElementById("MVC-ViewContainer").getElementsByTagName("script");
  for (const scriptTag of renderedScriptTags) {
    eval(
      "(function(){" + scriptTag.innerHTML + "})()"
    );
  }
}
</script>


</body></html>