就是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需要的时间。