Android做半透明操作提示图片的方法

今天通宵赶出来的效果,先看效果图:

 


Android做半透明操作提示图片的方法_第1张图片

 

 

说说实现原理,当给代码没意思。

 

整个Activity是RelativeLayout。介是关键。

 

 

我做这样的Layout,起初目的是把底部那个蓝色的菜单条固定在屏幕底部,后来要用一个操作提示,刚好RelativeLayout适合。

 

RelativeLayout布局方式,有点类似CSS+DIV的Float,但RelativeLayout是可以重叠的。重叠的效果就类似上面图片效果,操作提示的图片 就叠在后面一堆控件的上方。

RelativeLayout的组件层次排序,好像是按其标签内组件从上到下递增排序,即是说,最后一个组件显示在最上方。

 

以下是上面界面的XML布局文件:(注意看里面那句注释)

 

Xml代码   收藏代码
  1. xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout  
  3.   xmlns:android="http://schemas.android.com/apk/res/android"  
  4.   android:orientation="vertical"  
  5.   android:layout_width="fill_parent"  
  6.   android:layout_height="fill_parent"  
  7.   android:background="@color/activityBGColor"  
  8.   >  
  9.   <ImageView   
  10.     android:src="@drawable/titleimg"  
  11.     android:layout_height="wrap_content"   
  12.     android:layout_width="fill_parent"  
  13.     android:layout_alignParentTop="true"  
  14.     android:id="@+id/activityTitle"  
  15.   />  
  16.   <ListView   
  17.   android:id="@+id/categoryList"   
  18.   android:layout_below="@id/activityTitle"  
  19.   android:layout_height="wrap_content"   
  20.   android:layout_width="fill_parent"  
  21.   android:cacheColorHint="@color/listHintColor"  
  22.   >  
  23.   ListView>  
  24.   <LinearLayout   
  25.     android:orientation="horizontal"  
  26.     android:layout_width="fill_parent"  
  27.     android:layout_height="wrap_content"  
  28.     android:layout_alignParentBottom="true"  
  29.     android:background="@drawable/menubg"  
  30.     android:gravity="center_horizontal"  
  31.   >  
  32.     <ImageButton   
  33.         android:id="@+id/adbtn"  
  34.         android:layout_width="fill_parent"  
  35.         android:layout_height="wrap_content"  
  36.         android:src="@drawable/adbtn"  
  37.         android:background="@drawable/menubg"  
  38.     />  
  39.   LinearLayout>  
  40.   
  41.   
  42.   <ImageView   
  43.     android:src="@drawable/tip"  
  44.     android:layout_height="fill_parent"   
  45.     android:layout_width="fill_parent"  
  46.     android:id="@+id/helpTip"  
  47.     android:layout_alignParentBottom="true"  
  48.     android:keepScreenOn="true"  
  49.     android:onClick="hideTip"  
  50.   />  
  51. RelativeLayout>  
 

 

然后,对那个图片进行相应操作控制就行了。效果就这样。

 

图片透明呢,可以用PNG透明来实现,我就是这么做的。

注:转自http://chenyoca.iteye.com/blog/1188807

你可能感兴趣的:(Android)