开源库Fab-Transformation简单使用解析

转载请注明出处王亟亟的大牛之路

相似于IPhone的悬浮按钮的操作，仅仅只是是固定的，当然经过自己的改动也能够动。这边仅仅是给伸手党一个福祉，外加加上一些自己的理解。让大家能够拿来就用。看了就懂，废话不多说。先上效果图。！

作者的实现大致就长这样子。我在读完使用的Sample之后对当中的一些内容进行小小的试验。效果图等会也会奉上。

文件夹结构

Gradle构建的项目，（Git上都这样，大家懂的）一个SmpleModule一个Lib。对于伸手党来说。我们更在意的是详细操作的代码，实现方法有时间再看吧。

贴之前点名一下Gradle里的内容，由于作者用了相似于 Java Web开发用的比較多的标签来解决麻烦FindViewById和一系列的OnclickListener操作。嗨哦是满省代码的，我贴一下。（也是个第三方的库，之前有见过，仅仅是还没时间细致研究）

apply plugin: ‘com.android.application‘

android {
    compileSdkVersion COMPILE_SDK_VERSION as int
    buildToolsVersion BUILD_TOOLS_VERSION

    defaultConfig {
        minSdkVersion MIN_SDK_VERSION as int
        targetSdkVersion TARGET_SDK_VERSION as int
        versionCode VERSION_CODE as int
        versionName VERSION_NAME

        renderscriptTargetApi RENDERSCRIPT_TARGET_API as int
        renderscriptSupportModeEnabled true
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile(‘proguard-android.txt‘), ‘proguard-rules.pro‘
        }
    }
}

dependencies {
    compile project(‘:fab-transformation‘)
    compile "com.android.support:appcompat-v7:${SUPPORT_PACKAGE_VERSION}"
    compile "com.android.support:cardview-v7:${SUPPORT_PACKAGE_VERSION}"
    compile ‘de.hdodenhof:circleimageview:1.3.0‘
    compile ‘com.android.support:design:22.2.1‘
    compile ‘com.jakewharton:butterknife:6.1.0‘
}

就是compile ‘com.jakewharton:butterknife:6.1.0’ 大家能够在Git上搜下这个库，相当有用，非常推荐

文件夹中的models,adapters两个包就不解释了，纯粹填充数据和构建页面用。原作者的分层的理解还是蛮好的。

AppUtil,BaseActivity也仅仅是辅助类，也不贴了。详细的内容老规矩网盘见！（近期在考虑要不要把存储上Git或者CSDN。）

主Activity

public class MainActivity extends BaseActivity {

    private static final String SPEC_URL = "http://www.google.com/design/spec/components/buttons-floating-action-button.html#";

    @InjectView(R.id.list_view)
    ListView listView;

    private MenuArrayAdapter adapter;

    private static void showWebPage(String url, Context context) {
        if (TextUtils.isEmpty(url)) return;

        Uri uri = Uri.parse(url);
        Intent intent = new Intent(Intent.ACTION_VIEW, uri);
        context.startActivity(intent);
    }

    @Override
    int getLayoutResId() {
        return R.layout.activity_main;
    }

    @Override
    protected void initView() {
        adapter = new MenuArrayAdapter(this);
        listView.setAdapter(adapter);
        adapter.addAll(createMenuList());
    }

    /*填充首页ListView数据源*/
    private List<SampleMenu> createMenuList() {
        List<SampleMenu> menuList = new ArrayList<>(2);
        menuList.add(new SampleMenu(getString(R.string.description_sheet), R.drawable.img_thumb_sheet));
        menuList.add(new SampleMenu(getString(R.string.description_toolbar), R.drawable.img_thumb_toolbar));
        menuList.add(new SampleMenu(getString(R.string.description_player), R.drawable.img_thumb_player));
        return menuList;
    }

    @OnItemClick(R.id.list_view)
    void onItemClickListView(int position) {
        SampleMenu sampleMenu = adapter.getItem(position);
        switch (position) {
            case 0:
                TransformToSheetActivity.start(this, sampleMenu.getTitle());
                break;
            case 1:
                TransformToToolbarActivity.start(this, sampleMenu.getTitle());
                break;
            case 2:
                TransformToPlayerActivity.start(this, sampleMenu.getTitle());
                break;
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();

        switch (id) {
            case R.id.action_link:
                showWebPage(SPEC_URL, this);
                break;
        }

        return super.onOptionsItemSelected(item);
    }

}

分析：

1.SPEC_URL常量仅仅是在Menu訪问网络用的一个Url,Menu的功能也是，单纯的打开一个连接而已，这部分能够无视。

2.createMenuList()填充Item用的数据源，之后的每一页的Title也来源于此

3.在这里 有用到@OnItemClick, @InjectView这种标签来替代一些原有繁杂的代码，非常推崇这么操作，可读性强还省事。

4.作者把 Intent的一些跳转做到了每一个小类的start()方法，然后再做一些跳转操作，比在MainActivity出现 3个new Intent()操作精简很多。

TransformToPlayerActivity

public class TransformToPlayerActivity extends BaseActivity {

    @InjectView(R.id.fab)
    FloatingActionButton fab;
    @InjectView(R.id.container_player)
    View containerPlayer;

    public static void start(Context context, String title) {
        Intent intent = new Intent(context, TransformToPlayerActivity.class);
        intent.putExtra(EXTRA_TITLE, title);
        context.startActivity(intent);
    }

    @Override
    int getLayoutResId() {
        return R.layout.activity_transform_to_player;
    }

    @Override
    protected void initView() {
        //
    }

    @OnClick(R.id.fab)
    void onClickFab() {
        if (fab.getVisibility() == View.VISIBLE) {
            FabTransformation.with(fab).transformTo(containerPlayer);
        }
    }

    @OnClick(R.id.container_player)
    void onClickSheet() {
        if (fab.getVisibility() != View.VISIBLE) {
            FabTransformation.with(fab).transformFrom(containerPlayer);
        }
    }

    @Override
    public void onBackPressed() {
        if (fab.getVisibility() != View.VISIBLE) {
            FabTransformation.with(fab).transformFrom(containerPlayer);
            return;
        }
        super.onBackPressed();
    }

}

分析：

1.getLayoutResId（）。initView（）等都是继承BaseActivity之后能够使用的方法，用来做一些初始化的操作，这边的getLayoutResId()相当于我们经常使用的setContentView（）。他仅仅只是进行了一轮封装，如 setContentView(getLayoutResId());

2.全部一系列激活fab或者隐藏fab的操作仅仅须要FabTransformation.with(fab).transformTo(containerPlayer); 封装的比較彻底 第一个參数是处罚效果的View,第二个參数就是要呈现出来的那个View,假设View内还要继续操作 仅仅须要 @OnClick(R.id.详细控件)，甚至都不须要在之前@InjectView(R.id.详细控件)。非常简便有用。

TransformToSheetActivity

public class TransformToSheetActivity extends BaseActivity {

    @InjectView(R.id.fab)
    FloatingActionButton fab;
    @InjectView(R.id.sheet)
    View sheet;
    @InjectView(R.id.overlay)
    View overlay;

    public static void start(Context context, String title) {
        Intent intent = new Intent(context, TransformToSheetActivity.class);
        intent.putExtra(EXTRA_TITLE, title);
        context.startActivity(intent);
    }

    @Override
    int getLayoutResId() {
        return R.layout.activity_transform_to_sheet;
    }

    @Override
    protected void initView() {
        //
    }

    @OnClick(R.id.fab)
    void onClickFab() {
        if (fab.getVisibility() == View.VISIBLE) {
            FabTransformation.with(fab).setOverlay(overlay).transformTo(sheet);
        }
    }

    @OnClick(R.id.row_1)
    void onClickRow1() {
        AppUtil.showToast("Row 1 clicked!", this);
    }

    @OnClick(R.id.row_2)
    void onClickRow2() {
        AppUtil.showToast("Row 2 clicked!", this);
    }

    @OnClick(R.id.row_3)
    void onClickRow3() {
        AppUtil.showToast("Row 3 clicked!", this);
    }

    @OnClick(R.id.row_4)
    void onClickRow4() {
        AppUtil.showToast("Row 4 clicked!", this);
    }

    @OnClick(R.id.row_5)
    void onClickRow5() {
        AppUtil.showToast("Row 5 clicked!", this);
    }

    @OnClick(R.id.overlay)
    void onClickOverlay() {
        if (fab.getVisibility() != View.VISIBLE) {
            FabTransformation.with(fab).setOverlay(overlay).transformFrom(sheet);
        }
    }

    @Override
    public void onBackPressed() {
        if (fab.getVisibility() != View.VISIBLE) {
            FabTransformation.with(fab).setOverlay(overlay).transformFrom(sheet);
            return;
        }
        super.onBackPressed();
    }

}

分析：

这个类和前面那个类的差别就是。把我们刚才说的，要加的详细事情加进去就好了，并且仅仅须要 @OnClick(R.id.row_1)

void onClickRow1() {详细业务}就好了，之分的简便。

TransformToToolbarActivity

public class TransformToToolbarActivity extends BaseActivity {

    @InjectView(R.id.fab)
    FloatingActionButton fab;
    @InjectView(R.id.toolbar_footer)
    View toolbarFooter;
    @InjectView(R.id.scroll_view)
    ScrollView scrollView;

    private boolean isTransforming;

    public static void start(Context context, String title) {
        Intent intent = new Intent(context, TransformToToolbarActivity.class);
        intent.putExtra(EXTRA_TITLE, title);
        context.startActivity(intent);
    }

    @Override
    int getLayoutResId() {
        return R.layout.activity_transform_to_toolbar;
    }

    @Override
    protected void initView() {
        scrollView.getViewTreeObserver().addOnScrollChangedListener(
                new ViewTreeObserver.OnScrollChangedListener() {
                    @Override
                    public void onScrollChanged() {
                        if (fab.getVisibility() != View.VISIBLE && !isTransforming) {
                            FabTransformation.with(fab)
                                    .setListener(new FabTransformation.OnTransformListener() {
                                        @Override
                                        public void onStartTransform() {
                                            isTransforming = true;
                                        }

                                        @Override
                                        public void onEndTransform() {
                                            isTransforming = false;
                                        }
                                    })
                                    .transformFrom(toolbarFooter);
                        }
                    }
                });
    }

    @OnClick(R.id.fab)
    void onClickFab() {
        if (fab.getVisibility() == View.VISIBLE) {
            FabTransformation.with(fab).transformTo(toolbarFooter);
        }
    }

    @OnClick(R.id.imagebutton)
    void onClickImageButton(){
        Toast.makeText(TransformToToolbarActivity.this,"许X怡脑子有洞",Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onBackPressed() {
        if (fab.getVisibility() != View.VISIBLE) {
            FabTransformation.with(fab).transformFrom(toolbarFooter);
            return;
        }
        super.onBackPressed();
    }
}

分析：

1.由于这一段的场景在一个ScrollView。所以在用户有操作往上往下翻的时候也会对我们的toolbarFooter这个菜单产生影响，所以加入了对应的监听事件来处理业务。

2.尝试性的对这个toolbarFooter的第一个Image加入了OnClick事件来看看有没有土司，效果是有。那么我们的任务也就完毕了

写了一天了。有点累了。嘿嘿。

源代码地址：http://yunpan.cn/cdmBGVw4PfFry 訪问password 135e

有问题或者合作欢迎QQ 452270579联系，谢谢

时间： 2024-10-15 15:51:39

开源库Fab-Transformation简单使用解析的相关文章

基于开源库jsoncpp的json字符串解析

json(JavaScript Object Notation)是一种轻量级高效数据交换格式.相比于XML,其更加简洁,解析更加方便.在实习期间,我负责的程序模块,多次使用到json进行数据传输.由于之前只对json稍稍了解,而且不熟悉项目组使用的开源json解析库,故在编码过程中效率很低,而且还出现过bug.虽然,最后项目组的事情比较顺利的完成了,但感觉自己对json的编解码熟悉仍然不够,故翻阅了相关文档,写下这篇技术博客.与君共勉. 1.什么是json JSON(JavaScript Obj

Android开源库--Gson谷歌官方json解析库

官方文档地址:http://google-gson.googlecode.com/svn/trunk/gson/docs/javadocs/index.html 官方网站:http://code.google.com/p/google-gson/ json官方网站:http://www.json.org/json-zh.html 目前主流数据传输都用的是json,解析json并且转换成相应的类型就成了必经之路. 在没有使用gson之前,原生Andoird自带有类解析json,但是实在不方便使用.

android开源库发布到jcenter图文详解与填坑

相信很多人都用过开源项目,特别是android studio普及以后,使用开源库更方便简单.而如何上传开源库到jcenter供大家方便使用,虽然网上也有教程,但还是遇坑了,最后总结一下,希望可以帮助大家. [csdn地址: http://blog.csdn.net/zhangke3016/article/details/52075159] [本文简书地址: http://www.jianshu.com/p/0acf9e05b27e]同步更新 AndroidStudio是从Maven Reposi

【踩坑速记】全面解析开源库打包发布到Bintray/Jcenter全过程（新），让开源更简单~

一.写在前面 自使用android studio开始,就被它独特的依赖方式:compile 'com.android.support:appcompat-v7:25.0.1'所深深吸引,自从有了它,麻麻再也不用担心依赖第三方jar包繁琐无趣啦.而,如果自己写一个开源库是一种怎样的体验,此乃利(装)国(逼)利(神)民(器)呀! 而一路装逼不易,你会发现如果你要发布你的开源库到官方的Bintray/Jcenter并非易事,所以先去网上一探究竟,简单的,难的,五花八门,全(误)面(人)具(子)备(弟)

开源库Undobar简单使用解析

转载请注明出处:王亟亟的大牛之路 最近不忙在翻Git的时候发现这个自定义吐司(Toast)的开源库,就写这篇博文我分享给大家,话不多说线上截图(貌似很多截屏录像的APP都掏ROOT,测试机懒得弄,有知道其他方法的小伙伴帮忙推荐哈) 一些自定义的吐司和Animation,在不适用Dialog想用吐司省立的时候还是一个不错的选择哦! 包目录 一个Demo包,一个Lib包,Lib包里的东西其实不多,可以把它抠出来放在自己的项目目录里,就可读性稍微更高点. 举例分析: 这是其中一个效果的Activity

【开源框架】Android之史上最全最简单最有用的第三方开源库收集整理，有助于快速开发，欢迎各位...

[转]http://www.tuicool.com/articles/jyA3MrU Android开源库 自己一直很喜欢Android开发,就如博客签名一样, 我是程序猿,我为自己代言 . 在摸索过程中,GitHub上搜集了很多很棒的Android第三方库,推荐给在苦苦寻找的开发者,而且我会 不定期的更新 这篇文章. Android下的优秀开发库数不胜数,在本文中,我列举的多是开发流程中最常用的一些.如果你还想了解更多的Android开源库,可以关注我的博客,每一个库都是我认真查看或者编译运行

Android之史上最全最简单最有用的第三方开源库收集整理

Android开源库 自己一直很喜欢Android开发,就如博客签名一样, 我是程序猿,我为自己代言 . 在摸索过程中,GitHub上搜集了很多很棒的Android第三方库,推荐给在苦苦寻找的开发者,而且我会 不定期的更新 这篇文章. Android下的优秀开发库数不胜数,在本文中,我列举的多是开发流程中最常用的一些.如果你还想了解更多的Android开源库,可以关注我的博客,每一个库都是我认真查看或者编译运行的,希望对你产生帮助. 原文: http://blog.csdn.net/caoyou

开源框架】Android之史上最全最简单最有用的第三方开源库收集整理，有助于快速开发

[原][开源框架]Android之史上最全最简单最有用的第三方开源库收集整理,有助于快速开发,欢迎各位... 时间 2015-01-05 10:08:18 我是程序猿,我为自己代言 原文  http://blog.csdn.net/caoyouxing/article/details/42418591 主题 开源 安卓开发 http://www.tuicool.com/articles/jyA3MrU Android开源库 自己一直很喜欢Android开发,就如博客签名一样, 我是程序猿,我为自

Android 网络开源库之-retrofit的解析详解

前言 当前的网络开源库有许多,如volley,okhttp,retrofit等,这三个库当前是比较火的,其中,okhttp和retrofit由square团队开发.关于这三个库的区别,请移步stackoverflow或者知乎查看.开发过程中选择什么样的开源库需要更具我们APP来做出选择.我们选出stackoverflow中的一段话来看下. 上面说,需要与web service通信的时候,我们使用retrofit.百度百科 web service介绍,那么我们见天就来了解下retrofit.

GitHub开源库排名一百的简单介绍，值得收藏！

GitHub Android Libraries Top 100 简介 本项目主要对目前 GitHub 上排名前 100 的 Android 开源库进行简单的介绍, 至于排名完全是根据 GitHub 搜索 Java 语言选择 (Best Match) 得到的结果, 然后过滤了跟 Android 不相关的项目, 所以排名并不具备任何官方效力, 仅供参考学习, 方便初学者快速了解当前一些流行的 Android 开源库. iOS 版本的在此: https://github.com/Aufree/tri