AndroidSweetSheet:从底部弹出面板(1)
AndroidSweetSheet:从底部弹出面板(1)
AndroidSweetSheet又是一个从底部弹出面板的开源项目。我在以前写的文章中介绍了不少这些项目,见附录文章5,6,7,8。现在再介绍一个AndroidSweetSheet。
AndroidSweetSheet项目主页是:https://github.com/zzz40500/AndroidSweetSheet
AndroidSweetSheet实现的结果如动态图所示:
AndroidSweetSheet本身的代码不晓得是咋回事,跑原作者的代码没问题,但是把其库导入到自己的项目中就有些问题,我重新把项目整理成ok的代码包,push到github上,新的链接地址是:https://github.com/zhangphil/AndroidSweetSheet_by_phil
如果以后使用,可以直接使用新代码包中的库。
写一个简单的AndroidSweetSheet例子。
写布局:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/ic_launcher"
tools:context="zhangphil.demo.MainActivity"> <Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:text="展示" /> <TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/button"
android:layout_centerHorizontal="true"
android:text="这是一段文字,测试背景变化效果"
android:textSize="15sp"/> </RelativeLayout>
上层Java代码:
package zhangphil.demo; import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.RelativeLayout;
import android.widget.Toast; import com.mingle.entity.MenuEntity;
import com.mingle.sweetpick.BlurEffect;
import com.mingle.sweetpick.DimEffect;
import com.mingle.sweetpick.RecyclerViewDelegate;
import com.mingle.sweetpick.SweetSheet; import java.util.ArrayList; public class MainActivity extends AppCompatActivity { private SweetSheet mSweetSheet;
private RelativeLayout rl; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); rl = (RelativeLayout) findViewById(R.id.root); findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if (mSweetSheet.isShow())
mSweetSheet.dismiss();
else
mSweetSheet.show();
}
}); setupRecyclerView();
} private void setupRecyclerView() {
final ArrayList<MenuEntity> list = new ArrayList<>();
for (int i = 0; i < 10; i++) {
MenuEntity menuEntity = new MenuEntity();
menuEntity.iconId = R.mipmap.ic_launcher;
menuEntity.titleColor = Color.RED;
menuEntity.title = "zhang phil @ csdn " + i;
list.add(menuEntity);
} // SweetSheet 控件,根据 rl 确认位置
mSweetSheet = new SweetSheet(rl); //设置数据源 (数据源支持设置 list 数组,也支持从菜单中获取)
//如果是从菜单中加载,那么是 .setMenuList(R.menu.menu_sweet);
mSweetSheet.setMenuList(list); //根据设置不同的 Delegate 来显示不同的风格.
mSweetSheet.setDelegate(new RecyclerViewDelegate(true)); //根据设置不同Effect 来显示背景效果
// BlurEffect:模糊效果.
// DimEffect 变暗效果
mSweetSheet.setBackgroundEffect(new DimEffect(10f)); //设置点击事件
mSweetSheet.setOnMenuItemClickListener(new SweetSheet.OnMenuItemClickListener() {
@Override
public boolean onItemClick(int position, MenuEntity menuEntity) {
//即时改变当前项的颜色
list.get(position).titleColor = Color.GREEN; ((RecyclerViewDelegate) mSweetSheet.getDelegate()).notifyDataSetChanged(); Toast.makeText(MainActivity.this, menuEntity.title + " " + position, Toast.LENGTH_SHORT).show(); //根据返回值, true 会关闭 SweetSheet ,false 则不会.
return false;
}
});
} @Override
public void onBackPressed() {
if (mSweetSheet.isShow()) {
mSweetSheet.dismiss();
} else {
super.onBackPressed();
}
}
}
代码运行结果。
初始化状态:
点击button按钮弹出AndroidSweetSheet:
AndroidSweetSheet某一项选中时:
附录文章:
1,《Android自底部平滑向上滑出面板的AndroidSlidingUpPanel》链接地址:http://blog.csdn.net/zhangphil/article/details/51444509
2,《Android音乐、视频类APP常用控件:DraggablePanel(1)》链接地址:http://blog.csdn.net/zhangphil/article/details/51566860
3,《Android音乐、视频类APP常用控件:DraggablePanel(2)》链接地址:http://blog.csdn.net/zhangphil/article/details/51578665
4,《Android图片加载与缓存开源框架:Android Glide》链接地址http://blog.csdn.net/zhangphil/article/details/45535693 :
5,《Android BottomSheet:便捷易用的底部滑出面板(1)》链接地址:http://blog.csdn.net/zhangphil/article/details/51775955
6,《Android BottomSheet:以选取图片为例(2)》链接地址:http://blog.csdn.net/zhangphil/article/details/51776408
7,《Android BottomSheet:List列表或Grid网格展示(3)》链接地址:http://blog.csdn.net/zhangphil/article/details/51781698
8,《Android BottomSheet:底部弹出Fragment面板(4)》链接地址:http://blog.csdn.net/zhangphil/article/details/51787875
AndroidSweetSheet:从底部弹出面板(1)的更多相关文章
- Android BottomSheet:底部弹出Fragment面板(4)
Android BottomSheet:底部弹出Fragment面板(4) BottomSheet不仅可以弹出轻量级的定制好的面板(见附录文章5,6,7),还可以弹出"重"的 ...
- Android BottomSheet:便捷易用的底部滑出面板(1)
Android BottomSheet:便捷易用的底部滑出面板(1) Android BottomSheet是github上的一个第三方开源项目,其主页:https://github.com/Flip ...
- [deviceone开发]-底部弹出选择
一.简介 个人上传的第一个示例源码,两天空闲时间写的,一点简单组件,写的挺乱还没啥注释,仅供新手学习. 底部弹出选择,可滑动选择选项,如果停留在选项中间,可自动校正位置,加了一点简单的动画效果,需要的 ...
- Android 底部弹出Dialog(横向满屏)
项目中经常需要底部弹出框,这里我整理一下其中我用的比较顺手的一个方式(底部弹出一个横向满屏的dialog). 效果图如下所示(只显示关键部分): 步骤如下所示: 1.定义一个dialog的布局(lay ...
- 转 android 从底部弹出一个popuwindow,渐入渐出效果。我这里是用在购物车需要选择购买选项的操作。
最近要改客户端,需要实现一个从底部弹出的popuwindow,像我这种渣渣android技术,能整出popuwindow但是整不出动画,百度之,记录一下. 从下面这个地址转的 http://blog. ...
- 仿iOS底部弹出popUpWindow
上面为弹出来的效果 popUpWindow布局: <?xml version="1.0" encoding="utf-8"?> <Linear ...
- UIActionSheet底部弹出框
<底部弹出框来提示用户信息> 1.遵循代理方法<UIActionSheetDelete> 2.调用放法 [UIActionSheet *sheet=[UIActio ...
- Android Demo---实现从底部弹出窗口
在前面的博文中,小编简单的介绍了如何制作圆角的按钮以及圆角的图片,伴着键盘和手指之间的舞步,迎来新的问题,不知道小伙伴有没有这样的经历,以App为例,点击头像的时候,会从底部弹出一个窗口,有从相册中选 ...
- MUI 自定义从底部弹出的弹出框
1)效果: 点击“点击就送”那个按钮之后,弹窗从底部弹出并自带蒙层,然后点击弹窗之外的灰色部分就从底部消失: 第一步:引入 mui.css或者mui.min.css 引入 mui.min.js或者mu ...
随机推荐
- A Simple Task CodeForces - 11D
A Simple Task CodeForces - 11D 题意:输出一个无向图的简单环数量.简单环指无重复边的环.保证图无重边自环. ans[i][j]表示"包含i中的点,以i中第一个点 ...
- IOS - PDF合并 - 转
来自:http://www.cnblogs.com/tx8899/p/4082749.html #pragma mark - Merge PDF - (void)mergePDF { NSArray ...
- C# PropertyInfo(官网)
using System; using System.Reflection; class Module1 { public static void Main() { // This variable ...
- PHP(二)常用函数
数学函数 数组函数 字符串函数
- Android基础夯实--重温动画(五)之属性动画 ObjectAnimator详解
只有一种真正的英雄主义 一.摘要 ObjectAnimator是ValueAnimator的子类,它和ValueAnimator一样,同样具有计算属性值的功能,但对比ValueAnimator,它会更 ...
- .net 操作xml --移除注释节点
/// <summary> /// xml字符串转xml文档 忽略注释信息 /// </summary> /// <param name="sXml" ...
- js 日期时间大小比较
<body> 开始时间:<input onfocus="setday(this)" id="startTime" name="sta ...
- webpack3整理(第一节/满三节)
一.css文件打包到js中(loader的三种写法) //第一种写法:直接用use. module: { rules: [{ test: /\.css$/, use: ['style-loader', ...
- .Net中的强名称(Strong Name)
我在CSDN上的文章, 转载与此: .Net中的强名称(Strong Name) http://blog.csdn.net/Anor/article/details/3649646
- js 脚本语言
字符串转换为数字 parseInt(string) .parseFloat().Number() 参考博客:https://zhidao.baidu.com/question/629898532158 ...