In an Android app I have a background image and two buttons on it.
This is a partial screenshot:
I ask you for the best approach to click on the sinopsis button to show an overlay text, like this:
and also to click the fotos button to show an image slider, like this:
I don't want you to show me any code. I only need recommendations to know what kind of layouts or overlay views I should use to obtain the shown behaviours.
Thank you.
A simple TextView is enough. A TextView can have a background, translucent as in your case, or gradients, etc., and padding. You can fill it with Spanned Text so you could use hyperlinks, bold, colors, etc.. If you need scrolling, TextView also supports scrolling out of the box, but it'd be better to put it inside a ScrollView because the scroll will be smoother. In any case you don't need additional layouts.
You can just use a container layout (like LinearLayout. RelativeLayout, ScrollView, etc.. depending on what you want) and specify that to have a background image and then specify your drawable. You can then use TextView to display text. Don't forget though that you will have to create custom TextViews to achieve your design.
TextView can have transparent background and so, you can get the overlay effect.
Related
Looking for your help. I am using constrain layout. On top of blue rectangle, I have other elements too, but not sure how to achieve the layout that I have shown in the image.
I tried using card view and text view and button inside it. Please let me know if I miss any details or some information is required. Just looking for better approach.
I tried using card view and text view and button inside it
This is fine. And you will need another layout inside CardView because CardView can only hold one child. You can use ConstraintLayout,LinearLayout, RelativeLayout... to hold your TextView and Button.
Not able to set hidden buttons over the background image, want to place hidden buttons exactly over the words (i.e total 5 hidden buttons over background image). Help!.
Try to use AbsoluteLayout or RelativeLayout with button alpha 0%.
Also consider doing it in another way. It may go wrong on different screen sizes and orienantions.
You should try to use RelativeLayout to do this (if you want to create a custom view, eg in corners). RelativeLayout is a Layout where the positions of the children can be described in relation to each other or to the parent.
See this link: RelativeLayout
See the example here and information from here
I try to do a custom keyboard, so I have a small buttons and the text doesn't fit in my buttons, but it have a few pixels for it:
Can I increase text container width inside my buttons?
You can try:
set button Paddings to zero:
button.setPadding(0,0,0,0);
(I dont really know how custom keyboards work but you may try using TextViews instead of Buttons, and you can set your Image or Background to your TextView aswell. Can use pressed states with selectors and etc...)
Or you can make your own class, and #Override their onDraw method to draw your own text(or charachter) for your view.
As far as i know there are no specific methods to increase text container.
You may consider using ImageButton instead of an ordinary Button as keyboard buttons. As you will have the freedom to edit the image the way you want to.
I'm trying to build an Android app where I would like to display some Buttons in various places, as in the demo image attached.
The challenge here is creating the custom buttons and arranging them.
As for the custom Buttons, I guess I could achieve that using CustomViews or a simple button with a Custom Drawable as Background.
Are these the right points to start, any other ideas?
On arranging them, I have no clue how to achieve that.
As Android_Crazy and Closeratio have already said, a RelativeLayout is the most suitable option for custom placement of buttons in general. However, for the exact placement of buttons pictured in your example, a LinearLayout would work just fine.
In a LinearLayout you may place views under or above eachother (with android:orientation = "vertical", relevant for your example) or next to each other (android:orientation = "horizontal"). You can also add margin to your views to alter the horizontal position (layout_marginLeft or layout_marginRight) or the vertical position (layout_marginTop or layout_marginBottom).
As for the buttons' appearance, I always use custom background drawables, usually with a custom xml to add a different drawable for when the button is being pressed or selected.
I want to create android buttons but the look something like the one in picture.
Normal android buttons are curved and their boarder are not joined... I want my layou
Is there a way to create a layout like this?
You can turn any ImageView into a button by setting an onClickListener on it.
Edit to better answer the question: The layout you show can be created by putting a bunch of ImageViews in a horizontal LinearLayout. The LinearLayout has a blue background. The images that provide the sources for the ImageViews have a transparent background.
Buttons are just TextViews extensions. You just have to change its background with a xml drawable which has three states