完整的抽屉式工具实现-低调大师

完整的抽屉式工具实现

2017-11-08 501

可能大家会遇到一个应用图标过多不好排版也不好处理的问题吧？小马学习了下一个应用图标过多时的一个简单的处理方式，就是用安卓提供的SlidingDrawer来完成漂亮的排版与功能实现，废话不多说，先上效果图再看具体代码实现：

一: 小抽屉未展开时：

二：小抽屉展开时：

三：小抽屉中功能图标过多时（这个好神奇，竟然能自己扩充，激动呀）

四：如果要实现抽屉中不同图标的不同功能时，更简单，直接给GridView的项加事件实现就可以啦，吼吼

下面我们来看下代码实现：

package com.xiaoma.www;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.SlidingDrawer;
import android.widget.Toast;
import android.widget.SlidingDrawer.OnDrawerCloseListener;
import android.widget.SlidingDrawer.OnDrawerOpenListener;
/**
* @Title: SlidingDrawerDemoActivity.java
* @Package com.xiaoma.www
* @Description: 抽屉式控件SlidingDrawer的显示与隐藏
* @author MZH
*/
public class SlidingDrawerDemoActivityActivity extends Activity {
//声明
private SlidingDrawer sDrawer ;
private GridView gvGridView ;
//点击小抽屉的小标志哦，不然没得点呐
private ImageView myImage1;
/**
* 下面这个两个资源，小马提示下，就是在定义的时候必须一一对应，比如：10：10
* 如果少了任何一项的话，会报数组越界异常的，所以稍微注意下
* 另外，小马的DEMO本来GridView中内容很少的，但是手闲的，试了下内容撑不下
* 一个屏幕时怎么办，没想安卓那么强大，呵，自己扩充，效果图我已经贴上面咯
*/
//声明所有图标资源
private int icons[] = {
R.drawable.angry_birds,R.drawable.browser,R.drawable.dropbox,
R.drawable.googleearth,R.drawable.lastfm,R.drawable.xiaoma,
R.drawable.xbmc,R.drawable.youtube,R.drawable.notes,
R.drawable.messages_dock,R.drawable.contacts,
R.drawable.facebook,R.drawable.wapedia
};
//声明所有图标资源title
private String items[] = {
"愤怒的小鸟","浏览器","dropbox","谷歌地球","AS","小马果的驴子","嘛东西",
"YouTuBe","记事本","消息提示","通讯薄","面谱","WAP"
};
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
init();
}
/**
* 初始化方法实现
*/
private void init() {
//我的抽屉
sDrawer = (SlidingDrawer)findViewById(R.id.mySliding);
//点击抽屉时的小图标
myImage1 = (ImageView)findViewById(R.id.myImage1);
//抽屉中要显示的内容
gvGridView = (GridView)findViewById(R.id.gridView);
//初始化自定义的网格布局适配器并设置到网络布局上
GridViewAdapter adapter = new GridViewAdapter(getApplicationContext(), items, icons);
gvGridView.setAdapter(adapter);
gvGridView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
/**
* 此处可以实现单击不同图标时的不同功能哦，小马就不多讲废话，简单提示下
*/
Toast.makeText(getApplicationContext(),
"单击了第"+position+"项", Toast.LENGTH_SHORT).show();
}
});
/**
* 下面给我的抽屉添加两个事件监听器，大家也可以只加载一个，因为考虑到用户体验
* 在点击抽屉的小标志打开抽屉时我设置一个打开的图标，关闭时设置关闭图标,这样
* 比较好玩，吼吼,下面两个监听大家随意
*/
//打开抽屉监听
sDrawer.setOnDrawerOpenListener(new OnDrawerOpenListener() {
@Override
public void onDrawerOpened() {
myImage1.setImageResource(R.drawable.close);
}
});
//关闭抽屉监听
sDrawer.setOnDrawerCloseListener(new OnDrawerCloseListener() {
@Override
public void onDrawerClosed() {
myImage1.setImageResource(R.drawable.open);
}
});
}
}

怎么样？简单吧？吼吼，再来看下我们的抽屉主布局，里面有比较重要的两点，大家仔细看下注释：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/background"
android:orientation="vertical" >
<!-- android:handle指定我们点击抽屉时的小图标，这个必须指定，否则没办法点，
主要是去哪点出来？所以这个属性必须加
android:content指定我们的抽屉里面加载的布局
-->
<SlidingDrawer
android:id="@+id/mySliding"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:handle="@+id/layout1"
android:content="@+id/gridView"
android:orientation="horizontal"
>
<LinearLayout
android:id="@+id/layout1"
android:layout_width="35px"
android:layout_height="fill_parent"
android:gravity="center_vertical"
>
<ImageView
android:id="@+id/myImage1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/open"
/>
</LinearLayout>
<GridView
android:id="@+id/gridView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numColumns="3"
android:gravity="center"
/>
</SlidingDrawer>
</RelativeLayout>

下面再来看下我们对网格布局填充的自定义布局，很简单的，对吧，嘿嘿

<?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"
>
<ImageView
android:id="@+id/icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
/>
<TextView
android:id="@+id/text"
android:layout_width="fill_parent"
android:layout_height="20sp"
android:gravity="center"
android:textColor="@drawable/black"
/>
</LinearLayout>

最后，老样子，如果小马代码写得太乱，希望看文章的你我多指正，有错必改的，吼吼，谢谢，希望多提意见给小马，这才是对小马最大的帮助，小DEMO源码小马放附件里面了，有用到的朋友可下载改改后，实现自己想要的完美功能吧，加油加油，谢谢

附件：http://down.51cto.com/data/2359704

本文转自华华世界 51CTO博客，原文链接：http://blog.51cto.com/mzh3344258/767188，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/477218

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Android模仿iPhone View旋转刷新数据动画详解

因为小马很喜欢在不同的页面之间跳转时加点好玩的动画，今天无意间看到一个动画效果感觉不错，几种效果图如下，既然好玩就写在博客中，直接说就是：该效果类似于iPhone中View的切换动画效果，今天就只介绍上面展示的效果，如果大家要看到更多更好玩的Activity之间切换的效果的话，可以看下小马这篇文章：http://mzh3344258.blog.51cto.com/1823534/807337涉及到插值器与多种动画效果的实现，看完会对Activity之间的动画有个更全的认识，文中不足之处，大家批评指出，共同改进，先谢谢啦，废话不多说，先上效果，再看代码！！！效果一：效果二：效果三：效果四：（小马犯错的效果）：效果五（回旋效果）：效果六（回旋效果）：好啦，效果看完了，就来看下上面效果实现的具体代码吧，中间小马会把我自己试验的、犯的错误都以注释的形式写下来的大家使用的时候别出错就行了！ packagecom.xiaoma.www; importandroid.animation.Animator; importandroid.animation.AnimatorLis...

2017-11-09

503

利用这个时间，小马来写下如果动态添加Spinner里面的选项的实现，相信朋友们都碰到过级联的类似省市之间的Spinner吧？原理跟小马做的简单的这个是一样的，吼吼，简单说就是：父Spinner控件选项改变影响子Spinner，子影响不到父Spinner，今天小马只讲下单个Spinner控件选项动态添加，先贴下效果较，后面贴代码：下面来看下实现的代码，很简单的哦，主要看下实现的小巧门： packagecom.xiaoma.www; importjava.util.ArrayList; importjava.util.List; importandroid.app.Activity; importandroid.os.Bundle; importandroid.view.View; importandroid.view.View.OnClickListener; importandroid.widget.AdapterView; importandroid.widget.AdapterView.OnItemSelectedListener; importandroid.widget...

2017-11-09

548

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。