B4A Library DesignSupport - Additional Material Design components

corwin42 · Oct 1, 2015

This library is a wrapper to some of the objects of Googles Design Support library.

Requirements:

This library requires B4A 6.31 or above.
From V2.32 on B4A V6.80 or newer is required. If you use an older B4A version use the V2.31 library.
AppCompat 3.30 or above is required.
The examples need some additional libraries like AHViewPager, XMLViewEx, XMLLayoutBuilder

Currently it supports:

Snackbar - The new modern toastmessages
TabLayout - The new material like tabs with fixed tabs and scrolling tabs feature. Works standalone or together with a ViewPager library. Supports icons as tabs and custom layouts for the tabs.
FloatlabelEditText - An enhanced EditText object that supports a floating label, counter and error messages.
FloatingActionButton - A very simple Floating Action Button. Has show- and hide animations but is very simple.
NavigationDrawer - Material Design compliant Navigation Drawer. See NavigationView Example for detailed instructions.
BottomNavigationView - Material Design compliant Bottom Navigation View. See BottomNavigationView Example for detailed instructions.

Installation:

Note: Please, Please read these instructions carefully. AppCompat depends on many things like a special theme with special features. Even special versions of build tools are required and last but not least there are often bugs in the Google support libraries.

I created this instructions to help you getting things ready for using AppCompat. So please follow these instructions carefully and all should work as expected and you don't have to ask in the forum.

Thanks.

This library depends on the AppCompat library. So do all the setup needed for AppCompat.
Copy the DesignSupport.xml, DesignSupport.jar and DesignSupport.aar files to your CustomLibs folder
Install/Update Android Support Packages with the SDK Manager.

Setup and usage:

Setup your project like a project that uses AppCompat library.

If you want to use the DSFloatlabelEditText object with the ErrorText or counter feature you should add the following item to your Theme:

B4X:

<item name="textColorError">@color/design_textinput_error_color_light</item>

Otherwise your app will crash if the textinput reaches the maxCounter length.

If you want to use the DSNavigationDrawer object you should add the following items to your Theme:

B4X:

<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:statusBarColor">@android:color/transparent</item>

Your support:
Creating libraries and wrappers for existing library projects is a lot of work. The use of this library is totally free and you even don't need to mention in your app that you use it.
But if you use this library in your projects and you think it is useful to you please consider to make a donation:

Thanks very much for your support.

Version History:

V1.00

Initial version with SnackBar and TabLayout objects.

V2.00

Requires B4A 6.0 or above
Uses new Maven repositories for support libraries
Enhanced Designer support (custom properties are supported)
New: DSFloatlabelEditText - New EditText with floating label, counter, error messages
New: DSFloatingActionButton - Standard Floating Action Button.

V2.10

New: Requires Support Repository 36
New: DSNavigationDrawer - A complete DrawerLayout implementation/wrapper
New: DSNavigationView
New: Support for ShowPasswordToggle in FloatLabelEditText
Fix: FloatLabelEditText.Enabled=True/False should work now.

V2.20

Fix: DSNavigationDrawer should work without a secondary drawer.
New: BottomNavigationView - Wrapper for the BottomNavigationView
Fix: Some minor fixes and changes

V2.21

Fix: DSTablayout can use other ViewPagers than AHViewPager
Fix: Small internal bugfixes.

V2.22

Fix: Change packagename to anywheresoftware.b4a.orbjects to reduce resouce fields

V2.23

Fix: Fix error in FloatLabelEditText

V2.30

New: Dismiss event for DSSnackbar
New: Support CharSequence where possible

V2.31

Fix: Getters return String instead of CharSequence to avoid problems.

V2.32

Fix: Compiled against B4A 6.80 Core library to avoid some problems with CharSequences.

V3.00

Fix: Compiled against Support Library 28.0.0 to fix a problem with TabLayout

Lello1964 · Oct 3, 2018

I have updated to Android-28 sdk and cannot complie.
Have this error.

How can i do ???

Roberto P. · Oct 22, 2018

corwin42 said:
It seems that google messed up something with the design-support dependencies.

I can confirm that I have this error, too. Currently I don't know of a fix for it.

Hello
I just updated sdk and it appeared error:

java.lang.NoSuchMethodError: No virtual method addOnTabSelectedListener(Landroid/support/design/widget/TabLayout$OnTabSelectedListenerV in class Landroid/support/design/widget/TabLayout; or its super classes (declaration of 'android.support.design.widget.TabLayout' appears in /data/app/dev.meta.sb-2/base.apk:classes2.dex)
at de.amberhome.objects.TabLayoutWrapper.innerInitialize(TabLayoutWrapper.java:63)
at anywheresoftware.b4a.objects.ViewWrapper.Initialize(ViewWrapper.java:67)
at de.amberhome.objects.TabLayoutWrapper.Initialize(TabLayoutWrapper.java:52)
at dev.meta.sb.cuserinterface._initialize(cuserinterface.java:412)
at dev.meta.sb.main._activity_create(main.java:667)
at java.lang.reflect.Method.invoke(Native Method)
at java.lang.reflect.Method.invoke(Method.java:372)
at anywheresoftware.b4a.BA.raiseEvent2(BA.java:191)
at dev.meta.sb.main.afterFirstLayout(main.java:104)
at dev.meta.sb.main.access$000(main.java:17)
at dev.meta.sb.main$WaitForLayout.run(main.java:82)
at android.os.Handler.handleCallback(Handler.java:739)
at android.os.Handler.dispatchMessage(Handler.java:95)
at android.os.Looper.loop(Looper.java:145)
at android.app.ActivityThread.main(ActivityThread.java:6134)
at java.lang.reflect.Method.invoke(Native Method)
at java.lang.reflect.Method.invoke(Method.java:372)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1399)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1194)

did you find the solution? Do you have any advice to give?

I'm blocked!

thank you

AscySoft · Oct 22, 2018

Roberto P. said:
did you find the solution?

A workaround solution is to reverse to 27 design support library for the moment. This issue is beeng investigate by the google. See this post and thread for more info.
https://www.b4x.com/android/forum/t...upport-design-28-0-0.97605/page-2#post-617958

Erel · Oct 23, 2018

Roberto P. said:
I'm blocked!

There are good alternative solutions that you can try. For example TabStripViewPager.

jimmyF · Oct 24, 2018

I solved the update to Android 28 by downloading the entire, up-to-date, sdk from Google https://developer.android.com/studio/ (go to bottom of the page).
I extracted it completely to my b4a_sdk folder and overwrote everything.
I then ran my sdkManager, searched for Android Platform 28 and checked it, updated all, and and got everything working, including AH PageViewer, but excluding DSTabLayout, in my app.

DSTabLayout error: same as first post

scsjc · Nov 2, 2018

jimmyF said:
I solved the update to Android 28 by downloading the entire, up-to-date, sdk from Google https://developer.android.com/studio/ (go to bottom of the page).
I extracted it completely to my b4a_sdk folder and overwrote everything.
I then ran my sdkManager, searched for Android Platform 28 and checked it, updated all, and and got everything working, including AH PageViewer, but excluding DSTabLayout, in my app.

DSTabLayout error: same as first post

Any solution for DSTabLayout error with SDK28 ???

DonManfred · Nov 2, 2018

scsjc · Nov 2, 2018

DonManfred said:
no

Do you think it could be solved? or do we have to start looking for an alternative? ...

AscySoft · Nov 2, 2018

scsjc said:
start looking for an alternative

Yes. You could

Erel said:
TabStripViewPager

, or revert to design support 27 like I did (in order not to change all the code)

corwin42 · Nov 5, 2018

scsjc said:
Any solution for DSTabLayout error with SDK28 ???

Yes, wait a few hours...

corwin42 · Nov 5, 2018

First post is updated with a new version which should fix the crash with 28.0.0 support library TabLayout.

scsjc · Nov 5, 2018

corwin42 said:
First post is updated with a new version which should fix the crash with 28.0.0 support library TabLayout.

Work Perfectly

̶O̶n̶e̶ ̶i̶d̶e̶a̶,̶ ̶i̶s̶ ̶p̶o̶s̶s̶i̶b̶l̶e̶ ̶a̶ ̶c̶h̶a̶n̶g̶e̶ ̶c̶o̶l̶o̶r̶t̶e̶x̶t̶ ̶o̶r̶ ̶b̶a̶c̶k̶g̶r̶o̶u̶n̶d̶c̶o̶l̶o̶r̶ ̶f̶r̶o̶m̶ ̶e̶s̶p̶e̶c̶i̶f̶i̶c̶ ̶t̶a̶b̶ ̶i̶n̶d̶e̶x̶?̶

Correct, there was already a way to do it, of course very good library

B4X:

Dim cs As CSBuilder
cs.Initialize.Color(colors.red).Append("TEXT").PopAll
TabLayout.SetTabText(1, cs)

Thank you

Scantech · Nov 5, 2018

still crashes with new update.

Installed v3.00 and crashes with both 27.1.1 and 28.0.0 support library

Update: I missed the appcompat update. i will try it later on

IlCasti · Sep 6, 2019

How to set custom typeface to items in NavigationView?
How to change typeface font?
Thank you for helping me.

julucate · Apr 12, 2020

it doesn't work in any way it doesn't work

Pedro Hu · May 2, 2020

Hi, you know what this error is about:
Maven artifact not found: com.android.support/appcompat-v7

Lello1964 · May 2, 2020

[Solved] Maven artifact not found: com.android.support/...

(P.S.: See post #14) Even though updating the SDK, the B4A is still blocked: Maven artifact not found: com.android.support/support-v4 I am using version 7.30. From now on can I no longer compile app that show this warning?

www.b4x.com

Pedro Hu · May 2, 2020

thanks but now I get this error and I don't know how to solve it:
res\values\theme.xml:9: error: Error: No resource found that matches the given name: attr 'textColorError'.
Sorry I'm something new if this is very obvious.

Lello1964 · May 2, 2020

Try to copy resource folder into your app folder.

The folder is inside demo app folder.

Pedro Hu · May 2, 2020

I'm trying to compile the FloatingActionButton 1_0 example to understand how it works but the example gives me this error:
res \ values \ theme.xml: 9: error: Error: No resource found that matches the given name: attr 'textColorError'.
I don't know if I installed the library wrong or what should I do?

B4A Library DesignSupport - Additional Material Design components

Attachments

Well-Known Member

Attachments

Well-Known Member

Active Member

B4X founder

Active Member

Well-Known Member

Expert

Well-Known Member

Active Member

Expert

Expert

Well-Known Member

Well-Known Member

Active Member

New Member

Member

Well-Known Member

Member

Well-Known Member

Member

Similar Threads

Privacy & Transparency

Privacy & Transparency