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

微信图片22

Can the completed layout be copied dynamically?

i dont think

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

Please write a schema for it

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

It is always good to search the community.

2 Likes

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

2 Likes

Thank you!

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

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

Language Json

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

3 Likes

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)

@Anil2 try this and see if it works for you

TEST3_1.aia (40.7 KB)

2 Likes

Yes Work Property Thanks

2 Likes

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.

1 Like

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
}
}
]
}
]
}
]
}

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
}
}
]
}
]
}
]
}


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.

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

1 Like