B4A Library DesignSupport - Additional Material Design components

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.

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

Setup and usage:

1. 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:

<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:

<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

 

[alimanam3386]

Hi

The NavigationItemClick does not works for me in new updated library [ I've tested your sample NavigationView1_0.zip ]

Edit:

yes it is working by bellow event:

Sub Activity_ActionBarHomeClick
    Log("Yes, this one works here")
    If NavDrawer.IsDrawerOpen Then
        NavDrawer.CloseDrawer
    Else
        NavDrawer.OpenDrawer
    End If
End Sub

thank you

 

[DonManfred]

The NavigationItemClick does not works for me in new updated library [ I've tested your sample NavigationView1_0.zip ]

it is working fine here. b4a 6.5, Design 2.23, AppCompat 3.3

 

[Inman]

I see it too. Will upload a fix as soon as possible

Edit: Fixed in V2.23

Cool. It is working now.

Another question. Does DSFloatLabelEditText support Sender object? With an array of DSFloatLabelEditText views, I tried to get Sender inside TextChanged event but got a Null error. Again the same code works if it is EditText.

 

[corwin42]

Another question. Does DSFloatLabelEditText support Sender object? With an array of DSFloatLabelEditText views, I tried to get Sender inside TextChanged event but got a Null error. Again the same code works if it is EditText.

I haven't tested it but it should. I guess the sender is not the DSFloatLabelEditText but a normal EditText (or ACEditText) item.

 

[Sapta]

Hi

The NavigationItemClick does not works for me in new updated library [ I've tested your sample NavigationView1_0.zip ]

Edit:

yes it is working by bellow event:

Sub Activity_ActionBarHomeClick
    Log("Yes, this one works here")
    If NavDrawer.IsDrawerOpen Then
        NavDrawer.CloseDrawer
    Else
        NavDrawer.OpenDrawer
    End If
End Sub

thank you

Hi @alimanam3386,

I have same problem, when i click homebutton (homebutton of the Toolbar. The 3 line menu icon is animated) does not works for me in new updated library, i change code reference by your code, still not work? any solution?

#Region ToolBar Events
'Open or Close the drawer if the Toolbar HomeButton is clicked.
Sub Activity_ActionBarHomeClick
    Log("Yes, this one works here")
    If NavDrawer.IsDrawerOpen Then
        NavDrawer.CloseDrawer
    Else
        NavDrawer.OpenDrawer
    End If
End Sub
#End Region

 

[corwin42]

Please start a new thread for this question in the questions forum. Homebutton and ToolBar have nothing to do with DesignSupport library.

 

[johndb]

Is it possible to add an event that is triggered when a Snackbar finishes its display?

 

[corwin42]

I will add it to the next version.

I guess you can create the event with JavaObject, too. See this listener: https://developer.android.com/reference/android/support/design/widget/Snackbar.Callback.html

 

[corwin42]

Updated library to version 2.30.

This adds a Dismissed event to the snackbar and supports CharSequences whereever possible.

Be aware that the snackbar needs a CoordinatorLayout to support swipe to dismiss.
I'm currently working on Coordinator Layout support but this is quite complex and very time consuming to test. Maybe the next version will have initial support for it.

 

[johndb]

Updated library to version 2.30.

This adds a Dismissed event to the snackbar and supports CharSequences whereever possible.

Be aware that the snackbar needs a CoordinatorLayout to support swipe to dismiss.
I'm currently working on Coordinator Layout support but this is quite complex and very time consuming to test. Maybe the next version will have initial support for it.

I tried implementing the Dismissed event and received the following error:

java.lang.NoSuchMethodError: No virtual method addCallback(Landroid/support/design/widget/BaseTransientBottomBar$BaseCallbackLandroid/support/design/widget/BaseTransientBottomBar; in class Landroid/support/design/widget/Snackbar; or its super classes (declaration of 'android.support.design.widget.Snackbar' appears in /data/app/com.scsoftstudios.aws-2/base.apk)
at de.amberhome.objects.SnackbarWrapper.Initialize(SnackbarWrapper.java:101)
at com.scsoftstudios.aws.actapp._save_click(actapp.java:550)
at java.lang.reflect.Method.invoke(Native Method)
at anywheresoftware.b4a.shell.Shell.runMethod(Shell.java:708)
at anywheresoftware.b4a.shell.Shell.raiseEventImpl(Shell.java:337)
at anywheresoftware.b4a.shell.Shell.raiseEvent(Shell.java:247)
at java.lang.reflect.Method.invoke(Native Method)
at anywheresoftware.b4a.ShellBA.raiseEvent2(ShellBA.java:134)
at anywheresoftware.b4a.BA.raiseEvent(BA.java:153)
at com.scsoftstudios.aws.actapp$B4AMenuItemsClickListener.onMenuItemClick(actapp.java:191)
at android.support.v7.view.menu.MenuItemImpl.invoke(MenuItemImpl.java:148)
at android.support.v7.view.menu.MenuBuilder.performItemAction(MenuBuilder.java:957)
at android.support.v7.view.menu.MenuBuilder.performItemAction(MenuBuilder.java:947)
at android.support.v7.widget.ActionMenuView.invokeItem(ActionMenuView.java:616)
at android.support.v7.view.menu.ActionMenuItemView.onClick(ActionMenuItemView.java:153)
at android.view.View.performClick(View.java:5637)
at android.view.View$PerformClick.run(View.java:22429)
at android.os.Handler.handleCallback(Handler.java:751)
at android.os.Handler.dispatchMessage(Handler.java:95)
at android.os.Looper.loop(Looper.java:154)
at android.app.ActivityThread.main(ActivityThread.java:6119)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)

 

[corwin42]

I tried implementing the Dismissed event and received the following error:

java.lang.NoSuchMethodError: No virtual method addCallback(Landroid/support/design/widget/BaseTransientBottomBar$BaseCallback

I guess that your support library is too old.

 

[ivan.tellez]

Hi @corwin42

I just update this lib to 2.3 and AppCompat to V3.50:, Now I got an error

Unknow Type: JavaObject.lang.CharSequence

Do you need B4A 6.8 to use this lib update?

If yes, could you please publish previous versions?


Thanks


Edit: Corrected Error.

 

[corwin42]

Hi @corwin42

I just update this lib to 2.3 and AppCompat to V3.50:, Now I got an error

Unknow Type: JavaObject.Toolbar_NavigationItemClick.CharSequence

Do you need B4A 6.8 to use this lib update?

No. It should work with lower B4A versions.

When do you get the error? On compile time or at runtime? Can you please post the full error stack?

 

[ivan.tellez]

When do you get the error? On compile time or at runtime?

Neither, its at design time, I just figured it out. My previous code:

If TxtClave.Text.Length <> 10 Then
'some warning stuff
End if

But it works like this:

Dim tString As String
tString = TxtClave.Text
If tString.Length <> 10 Then
'some warning stuff
End if

 

[corwin42]

In V2.31 (and AppCompat V3.51) the getters will return String instead of CharSequence again so the old syntax will work again.

 

[luke2012]

Hi @corwin42.
Is it possible to set the menu items size?

 

[corwin42]

Hi @corwin42.
Is it possible to set the menu items size?

Which menu items you are talking about? The DesignSupport library does not have any Menu objects. If you are talking about the NavigationView there is no direct way to set the size. Maybe it is possible within the Theme but I'm not very familiar with it.

 

[Erel]

Are you using ACPopupMenu? If so then please start a new thread.

 

[luke2012]

@corwin42 & @Erel First of all thanks for your replies.
I'm talking about NavigationDrawer that is an "additional material design component"

In my case I'm talking about NavigationView.Item* (settings)

NavDrawer.NavigationView.ItemTextColor = Colors.Black

 

[corwin42]

@corwin42 & @Erel First of all thanks for your replies.
I'm talking about NavigationDrawer that is an "additional material design component"

In my case I'm talking about NavigationView.Item* (settings)

I guess changing the text size will be possible with the CSBuilder object of B4A 6.80 since the menu supports CharSequence type.