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

stanks · Oct 28, 2017

i tested this with adding CustomListView, CustomListeView Expandable and ExpandablePanel. the result is very bad or i am doing something really wrong! number of items i tested was at least 100. so slow even on S7. (native) ListView doesn't have this problem so i guess the problem is somewhere with that modules i tested. just a note....nothing more

corwin42 · Oct 30, 2017

What is "this"? I guess you did something really wrong.

stanks · Oct 30, 2017

sorry navigation drawer i am talking about

DonManfred · Oct 31, 2017

1. You should start a new thread in the questionsforum
2. You should upload a sample project which demonstrates the issue.

I am using the Navdrawer together with CLV in my App which runs on Android 7 with no problem.

stanks · Nov 2, 2017

solved with this https://www.b4x.com/android/forum/t...ore-when-scroll-tot-bottom.35761/#post-210230

Lello1964 · Dec 12, 2017

Hello,
using this Lib i have those message in log during app start:
-Start-
State: 16842910
State: 16843597
-End-
Yeah, it is!

who can tell me what is ?

this message is started when i have use an activity with this component.

Thanks

AldoRodrigo · Jan 18, 2018

hi, I have estos problemas,

ERROR:
An error occurred.
Maven artifact not found:
com.android.support/appcompat-v7

LINE ERROR:
30 Unknown type: dstablayout
33 Unknown type: dsnavigationdrawer
131 Unknown member: pageconti
134 Variable 'Ac' is never assigned any value.

IDE:
B4A V. 6.8

LIB:
lib XmlViewEx V.2.0
lib AppCompat V.3.52

SDK:
Android Support Repository V.47
SDK Platform API 25

AldoRodrigo · Jan 20, 2018

AldoRodrigo said:
hi, I have estos problemas,

ERROR:
An error occurred.
Maven artifact not found:
com.android.support/appcompat-v7

LINE ERROR:
30 Unknown type: dstablayout
33 Unknown type: dsnavigationdrawer
131 Unknown member: pageconti
134 Variable 'Ac' is never assigned any value.

IDE:
B4A V. 6.8

LIB:
lib XmlViewEx V.2.0
lib AppCompat V.3.52

SDK:
Android Support Repository V.47
SDK Platform API 25

I solved reinstalling everything

so27 · Mar 23, 2018

corwin42 said:
Without the lines the NavigationDrawer will not display above the Statusbar.

Create two themes for your app (one can have the other as parent). One with the lines and one without. Assign the different themes to the activites with navigationdrawer and without.

How can I start an Activy with another theme?

Johan Hormaza · Apr 23, 2018

Old, you really are amazing, one of the best bookstores I've tried. Thank you brother for all this work ...

Cebuvi · May 23, 2018

Hello,

Is it possible to add a Custom List View to a Navigation Drawer?

A small example would be very useful.

Thanks.

hanyelmehy · May 28, 2018

every thing was work when update i get this error

B4X:

java.lang.NullPointerException: Attempt to invoke virtual method 'void android.support.v7.app.ActionBar.setDisplayHomeAsUpEnabled(boolean)' on a null object reference
    at de.amberhome.objects.NavigationDrawerWrapper.InitDrawerToggle(NavigationDrawerWrapper.java:179)
    at java.lang.reflect.Method.invoke(Native Method)
    at anywheresoftware.b4a.shell.Shell.runVoidMethod(Shell.java:755)
    at anywheresoftware.b4a.shell.Shell.raiseEventImpl(Shell.java:345)
    at anywheresoftware.b4a.shell.Shell.raiseEvent(Shell.java:249)
    at java.lang.reflect.Method.invoke(Native Method)
    at anywheresoftware.b4a.ShellBA.raiseEvent2(ShellBA.java:139)
    at com.myapp.web2android.mainscreen.afterFirstLayout(mainscreen.java:104)
    at com.myapp.web2android.mainscreen.access$000(mainscreen.java:17)
    at com.myapp.web2android.mainscreen$WaitForLayout.run(mainscreen.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:148)
    at android.app.ActivityThread.main(ActivityThread.java:5551)
    at java.lang.reflect.Method.invoke(Native Method)
    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:730)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:620)

this is the code

B4X:

NavDrawer.Initialize2("NavDrawer", Activity, NavDrawer.DefaultDrawerWidth, NavDrawer.GRAVITY_START)
        NavDrawer.InitDrawerToggle

corwin42 · May 29, 2018

hanyelmehy said:
every thing was work when update i get this error

What have you updated?

hanyelmehy · May 29, 2018

corwin42 said:
What have you updated?

i solve it when reinstall every thing ,Thank you

hanyelmehy · May 30, 2018

How To set ACToolBarLight Theme at run time

corwin42 · May 30, 2018

hanyelmehy said:
How To set ACToolBarLight Theme at run time

This is not possible. A theme can only be set at object creation time.
It may be possible to recreate the ToolBar at runtime.

hanyelmehy · May 31, 2018

corwin42 said:
This is not possible. A theme can only be set at object creation time.
It may be possible to recreate the ToolBar at runtime.

Thank you for your answer ,Is there a way to access/set Theme property i only found PopupTheme but not Theme.
also can i set ToolBar and NavigationDrawer to RTL

JohnC · Jun 27, 2018

Hi,

Your NavDrawer Example extends the background color of the actionbar to the status bar (notifications), with a slight dark tine - so the status bar background color is a slight tint darker then the action bar background color.

1) It seems setting the background color of the status bar like this assumes the status bar text color on the users device will be either white or black, otherwise there is a chance the background color of my app will make reading the status bar text difficult if the colors are too close to each other. So, is it safe to assume the user's status bar text color is black or white?

2) Since it appears that background color under the status bar is a slight tint darker then the actionbar background color, this will make user's devices that have a "white" status bar text color stand out and easier to read. But if the user's status text color is black, this could make it harder to read. So, is there any suggested method in setting the status bar background color so it wont work against the user's statusbar text color? Meaning, is there a way to see if the user's status bar color is white or black and then set the background color to something safe?

AscySoft · Sep 27, 2018

Hi all. I have this error when compile + run your example

Caused by: 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/example.tablayout.fixedtabsicon-e7CwkjBxWIm3lh3PiI3hrg==/base.apk)
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 de.amberhome.objects.TabLayoutWrapper._initialize(TabLayoutWrapper.java:90)

I dont' want to ask anithing from @corwin42 ,I know for sure that ~~google updated AIP are causing this error~~ (see this thread for more infos).
I just want to ask Corvin if is better for me to switch to TabStripViewPager solution instead DesignSupportLib that ~~is not supported right now in API 28.0.~~ It seems that only Application built with aapt will cause this problem.

corwin42 · Sep 28, 2018

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.

B4A Library DesignSupport - Additional Material Design components

Attachments

Active Member

Expert

Active Member

Expert

Active Member

Well-Known Member

Member

Member

Active Member

Well-Known Member

Active Member

Active Member

Expert

Active Member

Active Member

Expert

Active Member

Expert

Active Member

Expert

Privacy & Transparency

Privacy & Transparency