用activity实现半透明的、淡入的menu【原创】

用activity实现半透明的、淡入的menu—供初学者研究学习

虽然android带的menu已经很漂亮，但有的时候也需要我们去自定义menu。

开始的时候只是想在android上做一个半透明的menu，但是刚刚接触android不是太久，我不知道从何处入手，也不知道如何修改android自带的menu，于是到网上找，结果找了好久有关半透明的menu，都没有找到，只好静下心来研究文档和相关书籍，最后用activity制作出半透明的menu，而且在menu弹出的时候加入了一个淡入的动画。如下图所示：

1、首先创建一个工程，命名为translucentButton

2、创建menu layout

想创建什么样式的menu，layout很重要，在layout中，没有用到什么特别的语法，在基础类书籍当中都能查的到，稍微难一点的就是Button上的selector。源码如下：

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layout_width="fill_parent"     android:layout_height="fill_parent"     android:gravity="bottom">         <LinearLayout xmlns:android=http://schemas.android.com/apk/res/android              android:orientation="horizontal"              android:layout_width="fill_parent"              android:layout_height="wrap_content"              android:gravity="bottom">              <Button               android:id="@+id/menu1"               android:layout_width="wrap_content"               android:layout_height="60dp"               android:text="@string/menu1"               android:textColor="@drawable/white"               android:layout_weight="0.25"               android:background="@drawable/buttonselector">             </Button>             <Button               android:id="@+id/menu2"               android:layout_width="wrap_content"               android:layout_height="60dp"               android:text="@string/menu2"               android:textColor="@drawable/white"               android:layout_weight="0.25"               android:background="@drawable/buttonselector">             </Button>             <Button               android:id="@+id/menu3"               android:layout_width="wrap_content"               android:layout_height="60dp"               android:text="@string/menu3"              android:textColor="@drawable/white"               android:layout_weight="0.25"               android:background="@drawable/buttonselector">             </Button>             <Button               android:id="@+id/menu4"              android:layout_width="wrap_content"              android:layout_height="60dp"               android:text="@string/menu4"               android:textColor="@drawable/white"               android:layout_weight="0.25"               android:background="@drawable/buttonselector">             </Button>         </LinearLayout> </LinearLayout>

3、在menu上定义style，限制menu的区域把不用的区域隐藏起来。Styles.xml如下：

<resources>          <style name="Theme.Translucent" parent="android:style/Theme.Translucent">               <item name="android:windowBackground">@drawable/translucent_background</item>               <item name="android:windowNoTitle">true</item>               <item name="android:colorForeground">#fff</item>          </style> </resources>

4、在AndroidManifest.xml文件activity元素中一定要加上这样一句：android:theme=“@style/Theme.Translucent”。这句话的意思是使用我们自定义的name为Theme.Translucent风格。

5、在主activity中显示menu，需要在onKeyUp()中监听menu button按下的消息，当menu button按下后，显示我们自定义的menu（其实是activity），再次按下时关闭menu。而且显示menu时，我加入了一个动画，加入的方法很简单，只需调用overridePendingTransiton(R.anim.fade, R.anim.hold),这个函数的参数是自定义的动画xml。详见附件！

总结

这篇文章主要是用activity制作了一个menu，并实现半透明。使用了style，而且自定义的style是继承自android:style/Theme.Translucent，如果不继承它，在style的name字段中是不能使用点(.)的，大家可自行验证。同时也使用的animation，只是出于学习的目的。最后祝大家学习愉快，学习的过程中可以把自己的成果拿出来跟大家分享。谢谢！

源码下载

更多相关文章

随机推荐