Material Cards + Camera Viewer (SPONSORED!)

extension

(Carlos Pedroza) #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:

Donations


Happy Making!
Team @Andres_Cotes and @CarlosPedroza27
image


CardView Extension's Component in Makeroid
Material Card extension problem
List and cards (RecycleView)
#2

Working great in Makeroid!


(Arda Çebi) #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.


(Sander Jochems) #5

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


CardView Extension's Component in Makeroid
#6

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


(Arda Çebi) #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.


(Arda Çebi) #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.


#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.


(Md Wasim Ali) #12

But material icon not showing in button section


(Arda Çebi) #13

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


(Philipp Lang) #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


(Sameer) #15

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


(가나다(Ganada)) #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


(David Ningthoujam) #17

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


(Philipp Lang) #18

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


(David Ningthoujam) #19

it worked for me

image


(Philipp Lang) #20

Like that,but this wont work too.