Progress Bar with a gap between left and right section - android

How do I create a progress bar with blue progress indication, grey background and a transparent gap (black in the example) between the sections:
I've tried to play around with shapes, to create the left section with border only on the right. The closest example that I could find was shape with bottom stroke, but I was unable to modify it to display the gap required in my case.
Unless I get shape to work, I might end up using setSecondaryProgress() in code.

use setProgressDrawable, you will need to create your custom Drawable in the code as what you want cannot be done in xml, you will need to override onLevelChange and call invalidateSelf, see Custom ProgressBar for a sample implementation

Related

Progress bar in stripes style?

I'm using ProgressBar in android for providing a progress bar. At the moment I have a common progress bar, like you can see in the attached picture at the top - just a blue bar. What techniques are possible to have a bar style with stripes like attaced in the picture? do I have to use an image with stripes as background for solving this? or do I have to provide a special "android:progressDrawable"? Thx for your hints.
Create a custom progressbar with your own drawable. look at this topic: Custom Drawable for ProgressBar/ProgressDialog

Android progress bar with color plate

Does any one knows any way to change background of a progress bar to sth like this image?
As you can see there is a color plate in background which starts from green to red and there is an indicator which shows a title. I have no idea how to make it or if there is some keywords to search about it or even some liberaries.
thanks very much
P.S: It seems this is what I need.
https://github.com/ademar111190/android-phased-seek-bar
You can use seekbar for the indicator with thumb image changes and background as progress drawable in your xml.
Search for customizing seekbar and see whatever suits the best for your requirement.

Material Color Reveal via Radial Reaction

In Android, a feature called radial reaction exists (find it at https://material.google.com/motion/choreography.html#choreography-radial-reaction).
After a bit of research, I discovered that we can use this to reveal views (see http://android-developers.blogspot.com/2014/10/implementing-material-design-in-your.html and http://pulse7.net/android/android-create-circular-reveal-animation-and-ripple-effect-like-whatsapp/).
Is it possible to reveal a certain color, instead of a view? (For example, change the background color to red when the user clicks the layout)
For now, only revealing a view is supported out-of-the box in ViewAnimationUtils https://developer.android.com/reference/android/view/ViewAnimationUtils.html
You could have your layout file define two different background layouts (LinearLayouts for example). The circular reveal would reveal whichever view you need.

How to create arrow type layout?

I have start and end date time fields that look like in picture below. Blue color shows active selection - if we select right then blue color goes to right and white color appears on the left and vice versa.
Hardest part is to create that arrow style in the middle. What should i use because buttons are rectangles and I don't know how it could be done.
It's easy. Just use ninepatch.
You can start there:
http://radleymarx.com/blog/simple-guide-to-9-patch/
you need a custom image according to what you ask, maybe extend ToggleButton for that but basically what you want is the same component when pressing on two different places on the same component will dispatch different events.
I would for example extend Linear layout, make it vertical layout, put two clickable textView\buttons with 9 patch images as background ,like suggested before, one for the white part and the other for the blue part. and replace the background image for any event u like.
you can also create a StateListDrawable with actions for selected and deselected and set the state of each drawable upon the right click

How to make the instagram actionbar style for android?

I know how to make the gradient and the logo. But I don`t know how to add all that different borders and how to add the refresh icon (that also has some custom border around it).
Instagram Action Bar:
How is that possible?
You can do it by using a horizontal LinearLayout with 2 children, the left hand column with the logo and the right hand column with the refresh button. You can create a background drawable using the Shape XML:
http://developer.android.com/guide/topics/resources/drawable-resource.html#Shape
I'd look at the provided ActionBar and ActionBarCompat. It has hooks for producing basic, as well as complex action bars.

Categories

Resources