Material Cards + Camera Viewer (SPONSORED!)

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

20 Likes

Working great in Makeroid!

2 Likes

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

it would be great…

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

3 Likes

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

4 Likes

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

does touch animation mean the ripple effect?

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.

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

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

But material icon not showing in button section

4 Likes

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

4 Likes

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

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

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

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

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

it worked for me

image

1 Like

Like that,but this wont work too.

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…