Overlapping Views in Android

Question

Is it possible to have overlapping views in Android  I would like to have an ImageView with a transparent png in the front and another view in the background   edit   This is what I have at the moment  the problem is that the image in the imageView is not transparent  the parts that should be transparent are just black    lt RelativeLayout xmlns android  http   schemas android com apk res android       android orientation  vertical      android layout width  wrap content      android layout height  wrap content      android id    id gallerylayout   gt   lt Gallery android id    id overview      android layout width  fill parent      android layout height  wrap content        gt     lt ImageView android id    id navigmaske      android layout width  fill parent      android layout height  wrap content      android src   drawable navigmask        gt     lt  RelativeLayout gt    edit   I got it to work  it was a theme file from another programmer on the team  Just changed this   lt item name  android background  gt  FF000000 lt  item gt    to this   lt item name  android background  gt  00000000 lt  item gt

User · Answer

The simples way arround is to put -40dp margin at the buttom of the top imageview

User · Answer

Android handles transparency across views and drawables  including PNG images  natively  so the scenario you describe  a partially transparent ImageView in front of a Gallery  is certainly possible   If you re having problems it may be related to either the layout or your image  I ve replicated the layout you describe and successfully achieved the effect you re after  Here s the exact layout I used    lt RelativeLayout    xmlns android  http   schemas android com apk res android    android id    id gallerylayout    android layout width  fill parent    android layout height  fill parent  gt     lt Gallery     android id    id overview      android layout width  fill parent       android layout height  wrap content      gt     lt ImageView     android id    id navigmaske      android background   0000            android src   drawable navigmask      android scaleType  fitXY      android layout alignTop   id overview      android layout alignBottom   id overview      android layout width  fill parent       android layout height  wrap content      gt   lt  RelativeLayout gt    Note that I ve changed the parent RelativeLayout to a height and width of fill parent as is generally what you want for a main Activity  Then I ve aligned the top and bottom of the ImageView to the top and bottom of the Gallery to ensure it s centered in front of it    I ve also explicitly set the background of the ImageView to be transparent   As for the image drawable itself  if you put the PNG file somewhere for me to look at I can use it in my project and see if it s responsible

User · Answer

If you want to add you custom Overlay screen on Layout  you can create a Custom Linear Layout and get control of drawing and key events  You can my tutorial- Overlay on Android Layout- http   prasanta-paul blogspot com 2010 08 overlay-on-android-layout html

User · Answer

Yes  that is possible  The challenge  however  is to do their layout properly  The easiest way to do it would be to have an AbsoluteLayout and then put the two images where you want them to be  You don t need to do anything special for the transparent png except having it added later to the layout

User · Answer

Also  take a look at FrameLayout  that s how the Camera s Gallery application implements the Zoom buttons overlay

User · Answer

Visible gallery changes visibility which is how you get the gallery over other view overlap  the Home sample app has some good examples of this technique

[android] Overlapping Views in Android

Examples related to android

Examples related to view

Examples related to android-relativelayout