android floatingactionbutton样式,Android 之 FloatingActionButton

就是button按钮，但是还有点不同 这个按钮是个圆形的，当然普通的按钮也可以搞成圆形的，看起来就像一个悬浮的按钮 ，一般的情况下会和listiView或者Recyclerv连用 实现一种，点击时候回到顶部的效果

效果图.png

就是这种效果，这东西用法和普通按钮基本上一样，一些属性

app:backgroundTint="#F00" 背景

app:elevation="20dp" 海拔

app:rippleColor="#0F0" 波纹 点击的时候的颜色

app:borderWidth="3dp" 边界

其他属性自己尝试吧，主要是用来点击按钮回到顶部这么一个过程，一般情况下，如果列表在顶部这个按钮是不显示的，

效果图2.png

就是这种的，当列表顶部不在最上边的时候按钮就显示出来呈现第一张图效果，下边贴代码。

private ListView mListView;

private FloatingActionButton mFloatingActionButton;

private MyAdapter myAdapter;

private ArrayList strings;

private boolean isad;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main2);

initData();

loadDAta();

ObjectAnimator animator = ObjectAnimator.ofFloat(mFloatingActionButton, "alpha", 1f, 0f);

// 表示的是:

// 动画作用对象是mButton

// 动画作用的对象的属性是透明度alpha

// 动画效果是:常规 - 全透明 - 常规

animator.setDuration(0000);

animator.start();

mFloatingActionButton.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

mListView.smoothScrollToPosition(0);

}

});

mListView.setOnScrollListener(new AbsListView.OnScrollListener() {

@Override

public void onScrollStateChanged(AbsListView view, int scrollState) {

}

@Override

public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {

if (firstVisibleItem == 0) {

if (isad) {

mFloatingActionButton.setClickable(false);

setAt(1f, 0f);

isad = false;

}

} else {

if (!isad) {

mFloatingActionButton.setClickable(true);

isad = true;

setAt(0f, 1f);

}

}

}

});

}

private void setAt(float start, float end) {

ObjectAnimator animator = ObjectAnimator.ofFloat(mFloatingActionButton, "alpha", start, end);

// 表示的是:

// 动画作用对象是mButton

// 动画作用的对象的属性是透明度alpha

// 动画效果是:常规 - 全透明 - 常规

animator.setDuration(2000);

animator.start();

}

private void loadDAta() {

int s = 30;

for (int i = 0; i < s; i++) {

strings.add("============>>>>>>>>" + i);

}

myAdapter.notifyDataSetChanged();

}

private void initData() {

mListView = (ListView) findViewById(R.id.lvv);

mFloatingActionButton = (FloatingActionButton) findViewById(R.id.fab);

strings = new ArrayList<>();

myAdapter = new MyAdapter(this, strings);

mListView.setAdapter(myAdapter);

}

}

上边是全部代码，其实 下面是控制按钮显示和不显示的核心代码

mListView.setOnScrollListener(new AbsListView.OnScrollListener() {

@Override

public void onScrollStateChanged(AbsListView view, int scrollState) {

}

@Override

public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {

if (firstVisibleItem == 0) {

if (isad) {

mFloatingActionButton.setClickable(false);

setAt(1f, 0f);

isad = false;

}

} else {

if (!isad) {

mFloatingActionButton.setClickable(true);

isad = true;

setAt(0f, 1f);

}

}

}

});

}

下边是按钮变化是的动画

ObjectAnimator animator = ObjectAnimator.ofFloat(mFloatingActionButton, "alpha", 1f, 0f);

// 表示的是:

// 动画作用对象是mButton

// 动画作用的对象的属性是透明度alpha

animator.setDuration(1000);//这是动画的变化时间

animator.start();

这里是用的 透明度变化

ObjectAnimator.ofFloat(mFloatingActionButton, "alpha", 1f, 0f);后面两个数据代表是透明度，取值0.0f-1.0f，这里代表的意思是透明度从1到0。0代表完全透明，1是完全不透明。

animator.setDuration(1000);//这是动画的变化事件，1000单位是毫秒，这里就是1秒，代表的意思就是透明度从1f到0f需要的时间。