B4A Library BetterImageView

Informatix · Nov 25, 2013

This is an enhanced ImageView, closer to the standard Java ImageView, with two layers (foreground and background), a touch event, a scaletype setting (similar to gravity, but for the foreground), an alpha setting and a few functions to alter the colors.
I fixed the issue with the gravity of the B4A ImageView (since it is a property of bitmapdrawables, the setting was lost when the background was changed to another type of drawable; now, this setting is kept whatever may be the contents).
It is a custom view that you can add in the designer.

v1.1:
- The background set in the designer is properly read now;
- Added five functions: AlterColors, ApplyColorFilter, ReduceColors, LoadScaledBitmap and LoadNinePatchDrawable;
- Added a new demo;
- Fixed an issue in the first demo with some screen resolutions.

Phayao · Oct 22, 2015

Informatix said:
If you replace the BetterImageView by an ImageView, do you have the same problem?

Hello,
meanwhile i realized that the problem is coming from a part that i did not mention in the code:
in the touch-event i open also a dialog window, so that the user can input the name of the waypoint.
If i do this, the program sooner or later just stops without errormessage.
Obviously the touch event and open a dialog is not compatible

Informatix · Oct 22, 2015

susu said:
Thanks @Informatix , it means I need to ask StartApp to fix their wrapper?

That could be a side effect. Try to use a simple ImageView. Do you have the same problem? And is this view added to a panel or an activity?

Informatix · Oct 22, 2015

Phayao said:
Hello,
meanwhile i realized that the problem is coming from a part that i did not mention in the code:
in the touch-event i open also a dialog window, so that the user can input the name of the waypoint.
If i do this, the program sooner or later just stops without errormessage.
Obviously the touch event and open a dialog is not compatible

Put your dialog code in another sub and call this sub with CallSubDelayed.

Phayao · Oct 25, 2015

Informatix said:
Put your dialog code in another sub and call this sub with CallSubDelayed.

Thank you - this worked !
Strangely the customdialog is working now and also filedialog (from dialog lib ) BUT the filedialog does only work in debug mode and does not open in Release mode.
But this question goes probably too far beyond the original, so i dont waste your time with it, i'll play around with it.
Thanks so much for your incredible contributions !

Chris

Informatix · Oct 25, 2015

Phayao said:
Thank you - this worked !
Strangely the customdialog is working now and also filedialog (from dialog lib ) BUT the filedialog does only work in debug mode and does not open in Release mode.
But this question goes probably too far beyond the original, so i dont waste your time with it, i'll play around with it.
Thanks so much for your incredible contributions !

Chris

You have an alternative for the file dialog here.

Phayao · Oct 25, 2015

Informatix said:
You have an alternative for the file dialog here.

That's it - working like a Charm - thanks a lot !
without your advice I had to refer to much more complicated ways.

Hope i can contribute to this forum one day in a similar way.

Chris

Paul Edwards · Aug 20, 2016

Informatix said:
This is an enhanced ImageView, closer to the standard Java ImageView, with two layers (foreground and background), a touch event, a scaletype setting (similar to gravity, but for the foreground), an alpha setting and a few functions to alter the colors.
I fixed the issue with the gravity of the B4A ImageView (since it is a property of bitmapdrawables, the setting was lost when the background was changed to another type of drawable; now, this setting is kept whatever may be the contents).
It is a custom view that you can add in the designer.

View attachment 20802 View attachment 20803

v1.1:
- The background set in the designer is properly read now;
- Added five functions: AlterColors, ApplyColorFilter, ReduceColors, LoadScaledBitmap and LoadNinePatchDrawable;
- Added a new demo;
- Fixed an issue in the first demo with some screen resolutions.

Hi,

I want to be able to click on different parts of an image, that will do different things. Is this possible with this library ?

Thanks,
Paul

Informatix · Aug 20, 2016

Paul Edwards said:
Hi,

I want to be able to click on different parts of an image, that will do different things. Is this possible with this library ?

Thanks,
Paul

Yes, like any view with a Touch event. You have to filter the X and Y results of the touch action.

Paul Edwards · Aug 20, 2016

Informatix said:
Yes, like any view with a Touch event. You have to filter the X and Y results of the touch action.

Yes I can get it to do what I need.

However, when I replace the log command with msgbox(), it works for a few clicks, then it crashes. It crashes in both the emulator and on a proper android device. Is this a known issue ?

Paul

Informatix · Aug 20, 2016

Paul Edwards said:
Yes I can get it to do what I need.

However, when I replace the log command with msgbox(), it works for a few clicks, then it crashes. It crashes in both the emulator and on a proper android device. Is this a known issue ?

Paul

Place the call to messagebox in a separate sub and call this sub with CallSubDelayed.

b2mvga · Aug 29, 2016

Hi, I have one transparent PNG (3.png) and a JPG(3x4.jpg)... I put JPG in PNG using code:

BetterIV.BackgroundBitmap = LoadBitmap(File.DirAssets, "3x4.jpg")
BetterIV.Bitmap = LoadBitmapSample(File.DirAssets, "3.png", BetterIV.Width, BetterIV.Height)

This code works great on screen... The image 3x4.jpg appears on 3.png transparent...

After do this, I try save this merging:

Sub Button5_Click
Dim cvs As Canvas
cvs.Initialize(BetterIV)

Dim Out As OutputStream
Out = File.OpenOutput(File.DirRootExternal, "merging.png", False)
cvs.Bitmap.WriteToStream (Out,100,"PNG")
Out.Close
End Sub

However the file saved have only 3x4.jpg... the PNG Transparent is not saved in same file... how I can solve this?

Informatix · Aug 29, 2016

b2mvga said:
Hi, I have one transparent PNG (3.png) and a JPG(3x4.jpg)... I put JPG in PNG using code:

BetterIV.BackgroundBitmap = LoadBitmap(File.DirAssets, "3x4.jpg")
BetterIV.Bitmap = LoadBitmapSample(File.DirAssets, "3.png", BetterIV.Width, BetterIV.Height)

This code works great on screen... The image 3x4.jpg appears on 3.png transparent...

After do this, I try save this merging:

Sub Button5_Click
Dim cvs As Canvas
cvs.Initialize(BetterIV)

Dim Out As OutputStream
Out = File.OpenOutput(File.DirRootExternal, "merging.png", False)
cvs.Bitmap.WriteToStream (Out,100,"PNG")
Out.Close
End Sub

However the file saved have only 3x4.jpg... the PNG Transparent is not saved in same file... how I can solve this?

You write only the foreground bitmap to disk so the result is not surprising. To save the composite view, you have to take a screenshot of the view. You can find code for that in this forum, e.g. https://www.b4x.com/android/forum/threads/capture-complete-panel-to-imageview.40657/#content

b2mvga · Aug 29, 2016

Informatix said:
You write only the foreground bitmap to disk so the result is not surprising. To save the composite view, you have to take a screenshot of the view. You can find code for that in this forum, e.g. https://www.b4x.com/android/forum/threads/capture-complete-panel-to-imageview.40657/#content

Thank you my Friend!! I Use panel code capture and now works great!!

Your Library help me a lot!!!

JdV · Apr 5, 2018

Hi

Thanks for sharing such an excellent library.

I see Demo4 (with its filters) works by setting the view's background bitmap. Should the filters also work if the demo is changed to set the view's foreground bitmap?

If not, is that by design?

Regards

Joe

Informatix · Apr 5, 2018

JdV said:
I see Demo4 (with its filters) works by setting the view's background bitmap. Should the filters also work if the demo is changed to set the view's foreground bitmap?

If not, is that by design?

The quickest answer to your question is to try by yourself.
If you look closely at the parameters of the functions, you will see that they take bitmaps as inputs and produce a new bitmap, so they are completely unrelated to the ImageView layer.

JdV · Apr 5, 2018

Thanks for the quick reply.

My reason for asking is that in my own program I'm attempting to use a filter on an ImageView.Bitmap image and I get the following error:
java.lang.IllegalStateException: Immutable bitmap passed to Canvas constructor

The bitmap I'm using isn't saved locally but downloaded from the Internet and the ImageView.Bitmap is set directly.

Informatix · Apr 6, 2018

JdV said:
Thanks for the quick reply.

My reason for asking is that in my own program I'm attempting to use a filter on an ImageView.Bitmap image and I get the following error:
java.lang.IllegalStateException: Immutable bitmap passed to Canvas constructor

The bitmap I'm using isn't saved locally but downloaded from the Internet and the ImageView.Bitmap is set directly.

In the Accelerated Surface library, you have a function to convert your immutable bitmap:

B4X:

Dim IU As AS_ImageUtils
MutableBmp = IU.MakeMutable(ImmutableBmp)

You can also do that with the InitializeMutable constructor of the Bitmap class but it's simpler and faster with the above.

JdV · Apr 6, 2018

Perfect solution. Thanks very much.

B4A Library BetterImageView

Attachments

Phayao

Active Member

Informatix

Expert

Informatix

Expert

Phayao

Active Member

Informatix

Expert

Phayao

Active Member

Paul Edwards

Member

Informatix

Expert

Paul Edwards

Member

Informatix

Expert

b2mvga

Member

Informatix

Expert

b2mvga

Member

JdV

Active Member

Informatix

Expert

JdV

Active Member

Informatix

Expert

JdV

Active Member

B4A Library BetterImageView

Attachments

Active Member

Expert

Expert

Active Member

Expert

Active Member

Member

Expert

Member

Expert

Member

Expert

Member

Active Member

Expert

Active Member

Expert

Active Member

Privacy & Transparency

Privacy & Transparency