就是button按鈕,但是還有點(diǎn)不同 這個(gè)按鈕是個(gè)圓形的猴伶,當(dāng)然普通的按鈕也可以搞成圓形的课舍,看起來(lái)就像一個(gè)懸浮的按鈕 ,一般的情況下會(huì)和listiView或者Recyclerv連用 實(shí)現(xiàn)一種他挎,點(diǎn)擊時(shí)候回到頂部的效果
效果圖.png
就是這種效果筝尾,這東西用法和普通按鈕基本上一樣,一些屬性
app:backgroundTint="#F00" 背景
app:elevation="20dp" 海拔
app:rippleColor="#0F0" 波紋 點(diǎn)擊的時(shí)候的顏色
app:borderWidth="3dp" 邊界
其他屬性自己嘗試吧办桨,主要是用來(lái)點(diǎn)擊按鈕回到頂部這么一個(gè)過(guò)程筹淫,一般情況下,如果列表在頂部這個(gè)按鈕是不顯示的崔挖,
效果圖2.png
就是這種的贸街,當(dāng)列表頂部不在最上邊的時(shí)候按鈕就顯示出來(lái)呈現(xiàn)第一張圖效果,下邊貼代碼狸相。
private ListView mListView;
private FloatingActionButton mFloatingActionButton;
private MyAdapter myAdapter;
private ArrayList<String> 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);
// 表示的是:
// 動(dòng)畫作用對(duì)象是mButton
// 動(dòng)畫作用的對(duì)象的屬性是透明度alpha
// 動(dòng)畫效果是:常規(guī) - 全透明 - 常規(guī)
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);
// 表示的是:
// 動(dòng)畫作用對(duì)象是mButton
// 動(dòng)畫作用的對(duì)象的屬性是透明度alpha
// 動(dòng)畫效果是:常規(guī) - 全透明 - 常規(guī)
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);
}
}
上邊是全部代碼薛匪,其實(shí) 下面是控制按鈕顯示和不顯示的核心代碼
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);
}
}
}
});
}
下邊是按鈕變化是的動(dòng)畫
ObjectAnimator animator = ObjectAnimator.ofFloat(mFloatingActionButton, "alpha", 1f, 0f);
// 表示的是:
// 動(dòng)畫作用對(duì)象是mButton
// 動(dòng)畫作用的對(duì)象的屬性是透明度alpha
animator.setDuration(1000);//這是動(dòng)畫的變化時(shí)間
animator.start();
這里是用的 透明度變化
ObjectAnimator.ofFloat(mFloatingActionButton, "alpha", 1f, 0f);后面兩個(gè)數(shù)據(jù)代表是透明度,取值0.0f-1.0f脓鹃,這里代表的意思是透明度從1到0逸尖。0代表完全透明,1是完全不透明瘸右。
animator.setDuration(1000);//這是動(dòng)畫的變化事件娇跟,1000單位是毫秒,這里就是1秒太颤,代表的意思就是透明度從1f到0f需要的時(shí)間苞俘。