Android:UI design problem - android

in my app i am trying to get the following designs.
Above is the first image
Above is the second image
When the activity is opened the first image is shown, currently i have shown it as an tab bar but i am not able to place an red colored rounded imageview near the Why? button. According to my app the number in the rounded image view must get changed often.
When the next Why? button is clicked i want to show the UI as in second image with another three buttons over it.
In ios apps, this design can be made by the help of UISegmentControl. In android apps how to implement this.....

This is the nice tutorial about Tab activity and also put badge inside it
see below link
Click Here

Related

Progress Indicator inside Button on click

Is there a way to set a progress indicator inside a button (preferably using the native Material Button from Material Components - Android)? There is a video on the website showing exactly what I need, but there's nothing in the documentation about it. Here is a screenshot of the same. Wanted to use it on a login button.
I also though of using a CircularProgressDrawable, which I've used before on a chip (as a chip icon), but in case of a button, I don't think there's a way to centre an icon horizontally on a button (my button width matches parent).
If anyone knows how to do this via either of the two ways, I'd be thankful.

Android navigation system/bar square button

I do not find on Internet, what is the name of this button ?
And I want to know what is the exact action when an application is deleted like this :
With this action, the application is not really stopped
The Third Image means Square is called Overview button(Recent Button). When Click on That Button the list of application is display which you are work on it. and you can simply remove app from the list by slide app Right to Left.
For more detail visit this : https://android.stackexchange.com/questions/32697/what-is-the-offical-name-of-the-third-on-screen-button

I have trouble figuring out how to come up with a menu like this one on Truedialer

I am developing an app where I have several items in a list and I want to show a menu like in truedialer whereby it pull from the bottom of the screen but does not fill. When I drag it upwards it can still fill the screen..
I have the menu items in an stand alone activity.
Can Someone help me figure out how o have to activity with the menus behave like the one of truedialer as shown in the screen
enter image description here
enter image description here
You can achieve this by using bottom sheets
https://material.google.com/components/bottom-sheets.html
http://android-developers.blogspot.com/2016/02/android-support-library-232.html

launching app by swiping on screen(like Switchr app)

I have a news app.It is supposed to launch by swiping on the screen(homescreen or while in any other activity like switchr app).I learned to code swiping patterns but in my case I have to do exactly in the following way(swiping bottom right to top left)..Kindly have a look over following pictorial representation
1.Firstly app should launch by swiping bottom right to top left on the screen
2.next,show the user with list of scrollable arc menu buttons embedded in it like second image
3.when a user clicks on particular button it has to show a brief description about the content like third image
my problems:
creating arc like scrollable menu on bottom right side of the screen(I googled sia ahmed's solution over here ,it helped me a bit)
creating that parachute like structure(image 3) when user clicks particular bubble like button in arc menu..
please guide me
For the menu check out arcmenu by daCapricorn on github. Also see this question.
The balloon bit is trickier. I know of a balloon hint code for android but i haven't seen it in action.
Hope this helps!

Split a single screen into two parts + animation

As according to my project requirement, I want to split the screen into two parts like:
I know this thing is available in version 3.0 but I am working on 2.3 so I have to do it manually..
And I want to split the screen as 25% of ListView and 75% of content view..and a single button at the top of the screen..
Now whenever used select a option from listView then automatically the split part slide left and the whole screen will be shown as a content screen only....Now the ListView screen is not visible to the user..
And whenever the user click on the button at the top of the screen..Only then the listview part is shown to user as shown in the above image..
Here what I am thinking is I will take two different layouts and on 1 layout I will display the ListView and on another I will list the content view..But how can I show here the animation of slide left and right whenever user select an option or click the button .
If anyone has some better option,then pls let me know..
[EDIT]: Also I want to show on these screens ????
Thanks..
try to apply animation on those 2 base views with the help of TranslateAnimation class in android.
please refer the following links for more details:
Translate animation code
http://developer.android.com/resources/samples/ApiDemos/src/com/example/android/apis/view/Animation3.html
http://developer.android.com/resources/samples/ApiDemos/src/com/example/android/apis/view/LayoutAnimation2.html

Categories

Resources