Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Visual Challenge - Trello Boards #43

Open
wants to merge 3 commits into
base: master
Choose a base branch
from

Conversation

Agerathum
Copy link

Good time, Xamarin community.
I tried to make boards like in Trello.
Here is a screenshot from Trello app that was on Android and an source shot
Source_Trello_Androd

And actually, my impressions of using Visual.Material:
- Tabbar Items doesn't stack into a dropdown element (and no matter what it primary or secondary);
- Label, in LineBreakMode = Word Wrap, add one unnecessary empty line to the end;
- I'm taking some time to change the colour of the action bar. Why colour that in the AppShell.xaml not inherited by default to VisualChallengePage.xaml. Also, ActionBar on iOS looks very pale (it is possible that I missed something from attention). I had to change the colour of the navigation bar I needed through AppDelegate.cs;
+ Finally cool floating entry`s
+ Amazing ink ripple effect on the buttons and in the addition to that ability to attach images with text and without it.
- Button text is the only uppercase. As well the distance between the letters is very large in my opinion;

What would you like to see in the next updates:
> CardView that contained in self - ink ripple effect. Either tie this effect under TapGestureRecognizer that was on view;
> Also will be cool to add ripple effect in the nested scroll view not only child of content view;
> Add please Checkboxes with Material style;
> It would also be great to add the ability to change the settings of the shadow.

And actually the result: Source shot of Android and Source shot of iOS
Preview_Combined

@davidortinau
Copy link
Owner

Thank you @Agerathum! Very nice result.

Tabbar Items doesn't stack into a dropdown element (and no matter what it primary or secondary);

You're referring to the upper right button to the right of the search button? Would you expect the dropdown element always, or only when you've chosen to use Material?

I'm taking some time to change the colour of the action bar.

Yes, this is something we need to address. There's a color blending happening b/c of how Apple does the navigation bar. This is an issue with Shell that I believe is already open. If not, I'll note it again. Thx.

Button text is the only uppercase. As well the distance between the letters is very large in my opinion;

When we enable some styling properties, this will be something you can control. The distance between letters may be more a function of the font, but we do have an open PR for letter spacing.

Add please Checkboxes with Material style;

Once we have a Checkbox,

It would also be great to add the ability to change the settings of the shadow

Agree, this is similar to the the Button text issue. It'll be possible once we can expose more properties.

Thanks again, great notes!

@Agerathum
Copy link
Author

Agerathum commented Mar 30, 2019

@davidortinau I am glad to help =)

You're referring to the upper right button to the right of the search button? Would you expect the dropdown element always, or only when you've chosen to use Material?

Yes, that's right 3 small dots in the upper right corner of the navigation bar, but apparently, this refers to the Shell, the Material does not affect this. Everything works fine in Material.

And also, there are differences in the default font colour between the Android platform and iOS. Same a font size. But I think that this is not essential since the colour can be corrected by changing TextColor Property.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants