Android帶有彈出收縮動畫的扇形菜單實例
最近試著做了個Android 帶有彈出收縮動畫的扇形菜單，留個筆記記錄一下。
成都創新互聯公司堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都做網站、網站建設、企業官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的從江網站設計、移動媒體設計的需求，幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！
效果如下
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private ImageView imgPublish;
private TextView textView1;
private TextView textView2;
private boolean isMenuOpen = false;
private List<TextView> textViews = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imgPublish = (ImageView) findViewById(R.id.img_publish);
textView1 = (TextView) findViewById(R.id.tv_1);
textView2 = (TextView) findViewById(R.id.tv_2);
textViews.add(textView1);
textViews.add(textView2);
imgPublish.setOnClickListener(this);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.img_publish:
if (!isMenuOpen) {
showOpenAnim(80);
imgPublish.setImageResource(R.mipmap.publish_select);
}else {
showCloseAnim(80);
imgPublish.setImageResource(R.mipmap.fabu);
}
break;
}
}
//打開扇形菜單的屬性動畫， dp為半徑長度
private void showOpenAnim(int dp) {
textView1.setVisibility(View.VISIBLE);
textView2.setVisibility(View.VISIBLE);
//for循環來開始小圖標的出現動畫
for (int i = 0; i < textViews.size(); i++) {
AnimatorSet set = new AnimatorSet();
//標題1與x軸負方向角度為20°，標題2為100°，轉換為弧度
double a = -Math.cos(20 * Math.PI / 180 * (i * 2 + 1));
double b = -Math.sin(20 * Math.PI / 180 * (i * 2 + 1));
double x = a * dip2px(dp);
double y = b * dip2px(dp);
set.playTogether(
ObjectAnimator.ofFloat(textViews.get(i), "translationX", (float) (x * 0.25), (float) x),
ObjectAnimator.ofFloat(textViews.get(i), "translationY", (float) (y * 0.25), (float) y)
, ObjectAnimator.ofFloat(textViews.get(i), "alpha", 0, 1).setDuration(2000)
);
set.setInterpolator(new BounceInterpolator());
set.setDuration(500).setStartDelay(100);
set.start();
set.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
//菜單狀態置打開
isMenuOpen = true;
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
}
//轉動加號大圖標本身45°
ObjectAnimator rotate = ObjectAnimator.ofFloat(imgPublish, "rotation", 0, 90).setDuration(300);
rotate.setInterpolator(new BounceInterpolator());
rotate.start();
}
//關閉扇形菜單的屬性動畫，參數與打開時相反
private void showCloseAnim(int dp) {
//for循環來開始小圖標的出現動畫
for (int i = 0; i < textViews.size(); i++) {
AnimatorSet set = new AnimatorSet();
double a = -Math.cos(20 * Math.PI / 180 * (i * 2 + 1));
double b = -Math.sin(20 * Math.PI / 180 * (i * 2 + 1));
double x = a * dip2px(dp);
double y = b * dip2px(dp);
set.playTogether(
ObjectAnimator.ofFloat(textViews.get(i), "translationX", (float) x, (float) (x * 0.25)),
ObjectAnimator.ofFloat(textViews.get(i), "translationY", (float) y, (float) (y * 0.25)),
ObjectAnimator.ofFloat(textViews.get(i), "alpha", 1, 0).setDuration(2000)
);
// set.setInterpolator(new AccelerateInterpolator());
set.setDuration(500);
set.start();
set.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
textView1.setVisibility(View.GONE);
textView2.setVisibility(View.GONE);
//菜單狀態置關閉
isMenuOpen = false;
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
}
//轉動加號大圖標本身45°
ObjectAnimator rotate = ObjectAnimator.ofFloat(imgPublish, "rotation", 0, 90).setDuration(300);
rotate.setInterpolator(new BounceInterpolator());
rotate.start();
}
private int dip2px(int value) {
float density = getResources()
.getDisplayMetrics().density;
return (int) (density * value + 0.5f);
}
}
布局文件
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.lina.animationapplication.MainActivity">
<TextView
android:id="@+id/tv_1"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_gravity="bottom|end"
android:layout_marginBottom="40dp"
android:layout_marginRight="40dp"
android:gravity="center"
android:text="標題1"
android:textColor="#ffffff"
android:visibility="gone"
android:background="@drawable/circle_purple"
/>
<TextView
android:id="@+id/tv_2"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_gravity="bottom|end"
android:layout_marginBottom="40dp"
android:layout_marginRight="40dp"
android:gravity="center"
android:text="標題2"
android:textColor="#ffffff"
android:visibility="gone"
android:background="@drawable/circle_orange"/>
<ImageView
android:id="@+id/img_publish"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_gravity="bottom|end"
android:layout_marginBottom="35dp"
android:layout_marginRight="35dp"
android:src="@mipmap/fabu"
/>
</FrameLayout>
circle_purple.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="#5d2a89" /> </shape>
參考
Android開罐頭———快速打造扇形衛星菜單
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創新互聯。
當前標題：Android帶有彈出收縮動畫的扇形菜單實例
當前鏈接：http://vcdvsql.cn/article32/jhigsc.html
成都網站建設公司_創新互聯，為您提供域名注冊、商城網站、電子商務、自適應網站、App開發、網站內鏈
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
- 如何利用微信小程序做微信營銷? 2015-08-04
- 微信小程序怎么運行？運行原理是什么？ 2022-06-01
- 微信小程序賣貨，看上去很美 2021-01-31
- 微信小程序能做什么？如何用它創業？ 2022-06-06
- 三級分銷微信小程序商城如何定制？ 2013-12-29
- 微信小程序的結構調整，注銷功能上架 2021-02-12
- 微信小程序功能性開發能夠為商家和用戶帶來什么價值 2021-02-13
- 企業應做什么樣的微信小程序？ 2022-05-30
- 泉州微信小程序開發多少錢？什么類型小程序便宜 2020-12-12
- 淺談實體店鋪開發微信小程序的重大意義 2016-10-23
- 微信小程序新功能可以與公眾號可以同名 2022-05-26
- 微信小程序開發更好的解釋了新零售業務 2021-01-06