Material Cards + Camera Viewer (SPONSORED!)

Extensions
#1

Hello makers! The wait is done!
First of all, we have to thank the incredibly amount of 100 people who shared this post and liked it, and our sponsors Sebastian Segovia (author of Aplicaciones App Inventor 2) and Daniel Garcia.

A big thank to you!

:gift::ribbon::tada::confetti_ball::christmas_tree:

MATERIAL CARDS

Description

Useful extension to add programatically three types of material cards into a single arrangement.

Types of cards

Type 1

This type of card includes an image, a title, subtitle and content section. Also, buttons can be added with an Icon Font (optional).
imageimageimage

Type 2

This type of card includes an image and content section. Also, buttons can be added with an Icon Font (optional).
imageimageimage

Type 3

This type of card includes an image section. Also, buttons can be added with an Icon Font (optional).
imageimageimageimage

Methods

  • Type1: Method for generating material cards within a single arrangement. Parameters: Component input: It is the arrangement where the cards will be added. List images: A list with the path (URI or URL) to be displayed. List titles: A list with the text that will be displayed in the Title section. List subTitles: A list with the text that will be displayed in the subtitle section. List content: A list with the text that will be displayed in the content section. List buttons: A list with the name of the icons that will be displayed in the buttons section. You can pass an empty list if you don’t want any buttons.
    image

  • Type2: Method for generating material cards within a single arrangement. Parameters: Component input: It is the arrangement where the cards will be added. List images: A list with the path (URI or URL) to be displayed. List content: A list with the text that will be displayed in the content section. List buttons: A list with the name of the icons that will be displayed in the buttons section. You can pass an empty list if you don’t want any buttons.
    image

  • Type3: Method for generating material cards within a single arrangement. Parameters: Component input: It is the arrangement where the cards will be added. List images: A list with the path (URI or URL) to be displayed. List buttons: A list with the name of the icons that will be displayed in the buttons section. You can pass an empty list if you don’t want any buttons.
    image

Event handlers

  • AfterPicking: When a card is picked, returns the position of the card.
    image

  • Button Click: When a button’s card is clicked, returns the name of the button and the position of the card.
    image

  • ErrorOcurred: When an error occurs, you can handle it with this event handler.
    image

CAMERA VIEWER

Downloads

For downloads, please visit this post (web.archive.org link, Appybuilder community has been closed):

Donations

Happy Making!
Team @Andres_Cotes and @CarlosPedroza27
image

21 Likes
Dynamic Cardview
Can i show text in card view look
Kodular next update
How to Get data from Airtable and put it into a CardView
Bad arguments with values
Can i show text in card view look
#2

Working great in Makeroid!

2 Likes
Is it possible to make a custom list view like this?
#3

Please implement this to Makeroid with the next release :roll_eyes::slightly_smiling_face:.

#4

it would be great…

I think this is the extension that everyone was waiting for, especially since it’s dynamic content.

3 Likes
I've created an app, have a look and I'm stuck while adding some features, don't know how to fix them, help me complete the app
#5

We might have this ready for the next update :wink:

4 Likes
CardView Extension's Component in Makeroid
Kodular next update
#6

And it will be the easiest method for users to enable it.
And too btw with background color option and touch animation :wink:

3 Likes
Kodular next update
#7

does touch animation mean the ripple effect?

#8

No. It is no ripple effect. I tried to add this but the code does not allows it.
It is a other animation for all android versions.

#9

Hmm, are you sure that you can’t do the ripple effect? It would be very good looking if you can do it, we have time for the next release, don’t we?

Really, as CardView is a Material Design component it NEEDS a Material Design ripple effect. Because it’s a Material Design component, and because of this: we need to stick to the Material Design rules and guidelines. It won’t be cool to add another effect to CardView.

1 Like
#10

Yes i am sure. I have tried it two days long.
It looks like that you want to create apps that looks like created apps with android studio.
Why dont you make then your apps with it?

We can NOT do all things in our builder that are possiple with android studio… Only the most.
But there are some limitations.
And you can trust me when I say that I have tried it that I tell how it is.
I hope you understand it now better.

7 Likes
#12

But material icon not showing in button section

Screenshot_20180826-213229
Screenshot_20180826-213229.jpg1080×2160 298 KB

4 Likes
How Can i Get Row Number for A Particular Cell in Airtable
#13

You forgot changing the font to Material Icons. Most likely.

4 Likes
#14

where i have to change this. in the designer screen i have FontText and FontIcon where i can set a Image.
I have the same problem i want to use the favorite button, but i get only the name, not the icon.
I read that that i have to change something but i dont know where and what. Can someone explain me this pls.
To have theese buttons is a useful option for me.
Thanks

#15

can we get content and buttons option in card view without image option?

#16

Thank you very very much!
:smile:

But…
perameter error occurs.

I tried using different version of this extenstion that you uploaded in other website.
It worked fine then. but there was other problem.
“When camera viewer data” didn’t work.
I did like set label text to “data”, but it didn’t work. it was empty.

just to let you know

#17

Please add a feature to prevent from stuck at loading online images.

#18

i tried that but i get only the words and not the icons. what did i wrong, pls help me.

#19

it worked for me

image

1 Like
#20

2019-01-12%2004_16_15-Kodular%20Creator
2019-01-12 04_16_15-Kodular Creator.png1647×985 126 KB

Like that,but this wont work too.

Card View extension - info
#21

It works perfectly.
The only thing I can’t do is to be able to order the cards according to a certain parameter.

I have in firebase some lists with dates and images. I put them in lists and I put them in the extension and everything appears perfect. Except they don’t come out in an orderly way.

I tried to download the lists and sort them and then put them in the cardview but still the cards look disordered …

It would be nice to be able to put an option of order…