Skip to content

yomunsam/TinaX.UIKit

Repository files navigation

TinaX Framework - UIKit

logo

LICENSE 996.icu LICENSE

TinaX is a Unity-based framework, simple , complete and delightful, ready to use. TinaX provides functionality in the form of "Unity packages".

TinaX.UIKit provides UGUI-based UI management functions for TinaX.

  • UI management based on page concept
  • UI animation framework
  • UGUI function extension

package name: io.nekonya.tinax.uikit


"Readme" in other languages :



QuickStart

The main service interface of UIKit:

TinaX.UIKit.IUIKit

Facade of the main service interface:

TinaX.VFSKit.UIKit

Create a "UI Page"

1592002008840

Add component "XComponent" to root gameObject of "UIPage".

1592002172228

And set as "UI handler"

1592002636484

Add a ugui "Text"

1592002743469

Drag it into "XComponent"

1592002818818

1592002842123

Write a "UIController", (If you think of it as MVC)

using TinaX;
using TinaX.XComponent;
using UnityEngine.UI;

public class MainScreen : XUIBehaviour
{
    [Binding("txt_Text")] //Bind name in "XComponent"
    public Text txt_title;

    public override async void Start()
    {
        txt_title.text = "Hello World(❁´◡`❁)";
    }
}

Open UI.

IUIEntity mainScreen = uikit.OpenUIAsync("mainScreen", new MainScreen());
//The object "uikit" (type: IUIKit) can be obtained through dependency injection. or use facade.

For other usages, please read the documentation.



Install this package

Install via openupm

# Install openupm-cli if not installed.
npm install -g openupm-cli
# OR yarn global add openupm-cli

#run install in your project root folder
openupm add io.nekonya.tinax.uikit

Install via npm (UPM)

Modify Packages/manifest.json file in your project, and add the following code before "dependencies" node of this file:

"scopedRegistries": [
    {
        "name": "TinaX",
        "url": "https://registry.npmjs.org",
        "scopes": [
            "io.nekonya"
        ]
    },
    {
        "name": "package.openupm.com",
        "url": "https://package.openupm.com",
        "scopes": [
            "com.cysharp.unitask",
            "com.neuecc.unirx"
        ]
    }
],

If after doing the above, you still cannot find the relevant Packages for TinaX in the "Unity Package Manager" window, You can also try refreshing, restarting the editor, or manually adding the following configuration to "dependencies" node.

"io.nekonya.tinax.uikit" : "6.6.3"

Install via git UPM:

You can use the following to install and use this package in UPM GUI.

git://github.com/yomunsam/TinaX.UIKit.git

If you want to set a target version, you can use release tag like #6.6.3. for detail you can see this page: https://github.com/yomunsam/TinaX.VFS/releases



Dependencies

if you install packages by git UPM, You need to install the dependencies manually. Or dependencies will installed automatically by NPM / OpenUPM




Learn TinaX

You can find out how to use the various features of TinaX in the documentation


Third-Party

The following excellent third-party libraries are used in this project:

  • TweenRx : Reactive animation utility for Unity.