[F/OS] - Dynamic Components Extension (for every component) 2.3.0

LIU · March 23, 2021, 5:35am

微信图片22

Can the completed layout be copied dynamically?

luv.ak.tech · March 23, 2021, 5:35am

i dont think

LIU · March 23, 2021, 5:36am

I don’t want to create them one by one dynamically.

adwapbao · March 23, 2021, 7:48am

Please write a schema for it

LIU · March 23, 2021, 8:07am

how to write? Are there any examples or tutorials in this regard? Thank you! !

Peter · March 23, 2021, 8:11am

It is always good to search the community.

adwapbao · March 24, 2021, 1:07am

you can try it

Template

{
    "name": "chatbox",
    "metadata-version": 1,
    "extension_version": 5,
    "author": "Developer DXH",
    "platforms": [
        "Kodular"
    ],
    "keys": [
	"id",
	"avatar",
	"user",
	"comment"
	],
    "components": [
        {
		"id": "layout1{id}",
            "type": "HorizontalArrangement",
            "properties": {
                "AlignVertical": 2,
                "BackgroundColor": 16777215,
                "Width": -2
            },
            "components": [
                {
                    "id": "Card_View1{id}",
                    "type": "MakeroidCardView",
                    "properties": {
                        "AlignHorizontal": 3,
                        "AlignVertical": 2,
                        "ContentPaddingBottom": 0,
                        "ContentPaddingLeft": 0,
                        "ContentPaddingRight": 0,
                        "ContentPaddingTop": 0,
                        "CornerRadius": 50,
                        "Elevation": 0
                    },
                    "components": [
                        {
                            "id": "Avatar{id}",
                            "type": "Image",
                            "properties": {
                                "Height": 60,
                                "Width": 60,
                                "Picture": "{avatar}",
                                "ScalePictureToFit": true
                            }
                        }
                    ]
                },
                {
                    "id": "layout4{id}",
                    "type": "VerticalArrangement",
                    "properties": {
                        "Width": -2
                    },
                    "components": [
                        {
                            "id": "Username{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 18.0,
                                "Text": "{user}"
                            }
                        },
                        {
                            "id": "Horizontal_Arrangement1{id}",
                            "type": "HorizontalArrangement",
                            "properties": {
                                "AlignVertical": 2,
                                "BackgroundColor": 16777215
                            },
                            "components": [
                                {
                                    "id": "layout3{id}",
                                    "type": "HorizontalArrangement",
                                    "properties": {
                                        "AlignHorizontal": 2,
                                        "AlignVertical": 2,
                                        "Height": -1005,
                                        "Width": -1004
                                    },
                                    "components": [
                                        {
                                            "id": "muiten1{id}",
                                            "type": "Image",
                                            "properties": {
                                                "Height": -1004,
                                                "Width": -1002,
                                                "Picture": "JT.png",
                                                "ScalePictureToFit": true
                                            }
                                        }
                                    ]
                                },
                                {
                                    "id": "Card_View1_copy{id}",
                                    "type": "MakeroidCardView",
                                    "properties": {
                                        "AlignVertical": 2,
                                        "CornerRadius": 6,
                                        "Elevation": 0
                                    },
                                    "components": [
                                        {
                                            "id": "Comment{id}",
                                            "type": "Label",
                                            "properties": {
                                                "FontSize": 17,
                                                "Text": "{comment}",
                                                "TextColor": -6381922
                                            }
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        },
        {
            "id": "Decoration1{id}",
            "type": "Decoration"
        }
    ]
}

All block

LIU · March 24, 2021, 3:21am

Thank you!

LIU · March 24, 2021, 3:22am

This function is powerful, can you tell me what code the template is? I am a beginner.

LIU · March 24, 2021, 5:25am

I would like to ask which language these codes belong to? Thank you!

dohop96 · March 24, 2021, 5:27am

Language Json

Invence_Saltillo · March 25, 2021, 1:57am

Hi, I created a GUI for Template Creator. Captura de Pantalla 2021-03-24 a la(s) 19.58.11

Anil2 · March 25, 2021, 6:06am

Any One Solve My Problem One Screen Create 3 List View ListView On Tab Swipe to fast time work properly but second time to not work error same id Problem

Any One Solve My Problem

Aia Link

TEST.aia (42.0 KB)

dora_paz · March 25, 2021, 9:29am

@Anil2 try this and see if it works for you

TEST3_1.aia (40.7 KB)

Anil2 · March 25, 2021, 2:29pm

Yes Work Property Thanks

plumedours · March 27, 2021, 4:44pm

Hello, I am using the extension to create a list of radios. And I would like that, by clicking on a radio, it changes the information that is in another arrangement.

I already have a list_view_image_and_text where I already make the change of info by clicking, it works perfectly. But for the dynamic list, I can’t.

I took yusufcihan’s advice where he says use generic events, but nothing to do, it doesn’t work.

Could you tell me what mistakes I am making and help me solve my problem please?

If it is necessary, and if it can help you, I can also provide the aia project, you tell me. Thanks everyone.

Belsoft_Bolivia · March 28, 2021, 11:00pm

Hello I am using the extension to create a list of data, I have a problem when inserting an image in each dynamic card, I hope you can help me
{
“name”: “cardRequestCompleted”,
“metadata-version”: 1,
“author”: “Belsoft369”,
“platforms”: [
“Kodular”
],
“keys”: [
“IDcard”,
“IDha”,
“IDva”,
“IDha2”,
“IDiconPickup”,
“IDaddressPickup”,
“IDlngPickup”,
“IDprice”,
“IDspace”,
“IDha3”,
“IDiconDropoff”,
“IDaddressDropoff”,
“IDdate”,
“IDspace2”,
“IDiconNext”,
“addressPickup”,
“addressDropoff”,
“date”,
“price”
],
“components”: [
{
“id”: “{IDcard}”,
“type”: “MakeroidCardView”,
“properties”: {
“Width”: -2,
“BackgroundColor”: -1,
“ContentPaddingTop”: 12,
“ContentPaddingBottom”: 12,
“CornerRadius”: 15,
“Elevation”: 0,
“FullClickable”: true
},
“components”: [
{
“id”: “{IDha}”,
“type”: “HorizontalArrangement”,
“properties”: {
“AlignVertical”: 2,
“Width”: -2
},
“components”: [
{
“id”: “{IDva}”,
“type”: “VerticalArrangement”,
“properties”: {
“Width”: -2
},
“components”: [
{
“id”: “{IDha2}”,
“type”: “HorizontalArrangement”,
“properties”: {
“Width”: -2,
“AlignVertical”: 3
},
“components”: [
{
“id”: “{IDiconPickup}”,
“type”: “Label”,
“properties”: {
“TextColor”: -10592556,
“FontTypefaceImport”: “MaterialIcons-Regular.ttf”,
“Text”: “star_outline”
}
},
{
“id”: “{IDaddressPickup}”,
“type”: “Label”,
“properties”: {
“Width”: -2,
“TextColor”: -13947837,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{addressPickup}”,
“FontSize”: 13
}
},
{
“id”: “{IDlngPickup}”,
“type”: “Image”,
“properties”: {
“Picture”: “{lngPickup}”
}
},
{
“id”: “{IDprice}”,
“type”: “Label”,
“properties”: {
“FontBold”: true,
“TextColor”: -13947837,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{price}”,
“FontSize”: 15
}
}
]
},
{
“id”: “{IDspace}”,
“type”: “SpaceView”,
“properties”: {
“Height”: 8
}
},
{
“id”: “{IDha3}”,
“type”: “HorizontalArrangement”,
“properties”: {
“Width”: -2,
“AlignVertical”: 3
},
“components”: [
{
“id”: “{IDiconDropoff}”,
“type”: “Label”,
“properties”: {
“TextColor”: -759456,
“FontTypefaceImport”: “MaterialIcons-Regular.ttf”,
“Text”: “loyalty”
}
},
{
“id”: “{IDaddressDropoff}”,
“type”: “Label”,
“properties”: {
“Width”: -2,
“TextColor”: -13947837,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{addressDropoff}”,
“FontSize”: 13
}
},
{
“id”: “{IDdate}”,
“type”: “Label”,
“properties”: {
“TextColor”: 1881877571,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{date}”,
“FontSize”: 13
}
}
]
}
]
},
{
“id”: “{IDspace2}”,
“type”: “SpaceView”,
“properties”: {
“Width”: 8
}
},
{
“id”: “{IDiconNext}”,
“type”: “Label”,
“properties”: {
“TextColor”: 1881877571,
“FontTypefaceImport”: “MaterialIcons-Regular.ttf”,
“Text”: “navigate_next”,
“FontSize”: 20
}
}
]
}
]
}
]
}

Belsoft_Bolivia · March 29, 2021, 11:12am

I would like to be able to load independent images of each firebase data chain. There is an extension that I can add to my project, to be able to load images within the dynamic card. I give you an image of the app I would like you to help me see how each dynamic card can load an independent photo thanks in advance I hope your help
{
“name”: “cardRequestCompleted”,
“metadata-version”: 1,
“author”: “Belsoft369”,
“platforms”: [
“Kodular”
],
“keys”: [
“IDcard”,
“IDha”,
“IDva”,
“IDha2”,
“IDiconPickup”,
“IDaddressPickup”,
“IDprice”,
“IDspace”,
“IDha3”,
“IDiconDropoff”,
“IDaddressDropoff”,
“IDdate”,
“IDspace2”,
“IDiconNext”,
“addressPickup”,
“addressDropoff”,
“date”,
“price”
],
“components”: [
{
“id”: “{IDcard}”,
“type”: “MakeroidCardView”,
“properties”: {
“Width”: -2,
“BackgroundColor”: -1,
“ContentPaddingTop”: 12,
“ContentPaddingBottom”: 12,
“CornerRadius”: 15,
“Elevation”: 0,
“FullClickable”: true
},
“components”: [
{
“id”: “{IDha}”,
“type”: “HorizontalArrangement”,
“properties”: {
“AlignVertical”: 2,
“Width”: -2
},
“components”: [
{
“id”: “{IDva}”,
“type”: “VerticalArrangement”,
“properties”: {
“Width”: -2
},
“components”: [
{
“id”: “{IDha2}”,
“type”: “HorizontalArrangement”,
“properties”: {
“Width”: -2,
“AlignVertical”: 3
},
“components”: [
{
“id”: “{IDiconPickup}”,
“type”: “Label”,
“properties”: {
“TextColor”: -10592556,
“FontTypefaceImport”: “MaterialIcons-Regular.ttf”,
“Text”: “star_outline”
}
},
{
“id”: “{IDaddressPickup}”,
“type”: “Label”,
“properties”: {
“Width”: -2,
“TextColor”: -13947837,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{addressPickup}”,
“FontSize”: 13
}
},
{
“id”: “{IDprice}”,
“type”: “Label”,
“properties”: {
“FontBold”: true,
“TextColor”: -13947837,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{price}”,
“FontSize”: 15
}
}
]
},
{
“id”: “{IDspace}”,
“type”: “SpaceView”,
“properties”: {
“Height”: 8
}
},
{
“id”: “{IDha3}”,
“type”: “HorizontalArrangement”,
“properties”: {
“Width”: -2,
“AlignVertical”: 3
},
“components”: [
{
“id”: “{IDiconDropoff}”,
“type”: “Label”,
“properties”: {
“TextColor”: -759456,
“FontTypefaceImport”: “MaterialIcons-Regular.ttf”,
“Text”: “loyalty”
}
},
{
“id”: “{IDaddressDropoff}”,
“type”: “Label”,
“properties”: {
“Width”: -2,
“TextColor”: -13947837,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{addressDropoff}”,
“FontSize”: 13
}
},
{
“id”: “{IDdate}”,
“type”: “Label”,
“properties”: {
“TextColor”: 1881877571,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{date}”,
“FontSize”: 13
}
}
]
}
]
},
{
“id”: “{IDspace2}”,
“type”: “SpaceView”,
“properties”: {
“Width”: 8
}
},
{
“id”: “{IDiconNext}”,
“type”: “Label”,
“properties”: {
“TextColor”: 1881877571,
“FontTypefaceImport”: “MaterialIcons-Regular.ttf”,
“Text”: “navigate_next”,
“FontSize”: 20
}
}
]
}
]
}
]
}

markocurlinoski_uie · March 29, 2021, 2:51pm

My components are loaded very slow.
Is it that i have a lot of components, and all of them are dynamic, or because of my mistake while creating the dynamic components?
I have tried few different approaches, and i still can’t load 20 components in less than 10 sec.

WatermelonIce · March 30, 2021, 4:39am

There might be some other processes going on when the components are being created