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

相似于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联系,谢谢

最新文章

  1. JavaScript 闭包深入浅出
  2. window.location事件
  3. java多线程--几个多线程面试题小结
  4. MySQL的基本知识 -- 命令
  5. CSS3媒体查询能检测到的特性小结
  6. android AsyncTask介绍(转)
  7. CTSC&amp;&amp;APIO 2015 酱油记
  8. 修改sql2005字段
  9. C# 获取windows特殊路径
  10. hibernate 查询
  11. C语言数据结构之栈:中缀表达式的计算
  12. Shape 与 InlineShape 的区别
  13. Using Swift with Cocoa and Objective-C(Swift 2.0版):开始--基础设置-备
  14. 嵌入式Linux LED小灯点亮实验
  15. HTMLParser-简单HTML和XHTML解析
  16. linux 核心学习书籍
  17. Include promo/activity effect into the prediction (extended ARIMA model with R)
  18. Java内存泄漏分析系列之七:使用MAT的Histogram和Dominator Tree定位溢出源
  19. Sprint第三个计划
  20. 转载:浅析@PathVariable 和 @RequestParam

热门文章

  1. Netty推荐addListener回调异步执行
  2. 1.3 Quick Start中 Step 1: Download the code官网剖析(博主推荐)
  3. HDU 2577 How to Type (线性dp)
  4. 怎么做好看的html5游戏界面
  5. redis 模糊删除实现
  6. spyder结束死循环的方法
  7. JS学习笔记 - 透明度运动框
  8. POJ 3723 Conscription MST
  9. Android, IOS 史上最强多语言国际化,不仅第一次会尾随系统,并且会保存用户的语言设置
  10. mysql :Native table 'performance_schema'.'cond_instances' has the wrong structure