Android实现音频条形图效果
更新时间：2022年08月17日 15:33:56 作者：这个杀手不太累
这篇文章主要为大家详细介绍了Android实现音频条形图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了Android实现音频条形图效果的具体代码，供大家参考，具体内容如下
效果图：
通过自定义View和属性动画实现此效果
public class BarChartView extends LinearLayout implements Runnable {
private ViewWrapper[] mViewWrapper;
private int barchartCount = 1;
private int barchartWidth = 20;
private int barchartHeight = 0;
private int barcharMarginLeft = 5;
private int barchartDuration = 500;
private int barcharBackColor;
private boolean startAnimtor = false;
@DrawableRes
private int myShape;
public BarChartView(Context context) {
this(context, null);
}
public BarChartView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public BarChartView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context, attrs);
addBarView();
}
/**
* 初始化配置
*
* @param context
* @param attrs
*/
private void init(Context context, @Nullable AttributeSet attrs) {
setOrientation(LinearLayout.HORIZONTAL);
setGravity(Gravity.CENTER_HORIZONTAL | Gravity.BOTTOM);
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.BarChartView);
barchartCount = typedArray.getInt(R.styleable.BarChartView_barchartCount, 0);
barchartWidth = typedArray.getDimensionPixelSize(R.styleable.BarChartView_barchartWidth, 0);
barchartHeight = typedArray.getDimensionPixelSize(R.styleable.BarChartView_barchartHeight, 0);
barcharMarginLeft = typedArray.getDimensionPixelSize(R.styleable.BarChartView_barcharMarginLeft, 0);
barchartDuration = typedArray.getInt(R.styleable.BarChartView_barchartDuration, 500);
myShape = typedArray.getResourceId(R.styleable.BarChartView_barchartShape, 0);
barcharBackColor = typedArray.getColor(R.styleable.BarChartView_barcharBackColor, Color.RED);
typedArray.recycle();
}
/**
* add View
*/
private void addBarView() {
if (barchartCount <= 0) {
return;
}
mViewWrapper = new ViewWrapper[barchartCount];
ImageView childView;
LinearLayout.LayoutParams layoutParams;
ViewWrapper viewWrapper;
for (int i = 0; i < barchartCount; i++) {
childView = new ImageView(getContext());
if (myShape != 0) {
childView.setBackgroundResource(myShape);
} else {
childView.setBackgroundColor(barcharBackColor);
}
layoutParams = new LayoutParams(barchartWidth, 100);
layoutParams.setMargins(barcharMarginLeft, 0, 0, 0);
childView.setLayoutParams(layoutParams);
addView(childView);
viewWrapper = new ViewWrapper(childView);
mViewWrapper[i] = viewWrapper;
}
}
/**
* 开始动画
*/
public void start() {
if (mViewWrapper == null || mViewWrapper.length <= 0) {
return;
}
startAnimtor = true;
Random a = new Random();
for (int i = 0; i < mViewWrapper.length; i++) {
startAnimator(mViewWrapper[i], a.nextInt(barchartHeight));
}
removeCallbacks(this);
postDelayed(this, barchartDuration);
}
/**
* 停止动画
*/
public void stop() {
startAnimtor = false;
for (int i = 0; i < mViewWrapper.length; i++) {
startAnimator(mViewWrapper[i], 1);
}
}
private void startAnimator(ViewWrapper viewWrapper, int height) {
viewWrapper.mTarget.clearAnimation();
ObjectAnimator.ofInt(viewWrapper, "height", height).setDuration(barchartDuration).start();
}
@Override
public void run() {
if (startAnimtor) {
start();
}
}
private static class ViewWrapper {
public View mTarget;
public ViewWrapper(View target) {
mTarget = target;
}
public int getWidth() {
return mTarget.getLayoutParams().width;
}
public void setWidth(int width) {
mTarget.getLayoutParams().width = width;
mTarget.requestLayout();
}
public int getHeight() {
return mTarget.getLayoutParams().height;
}
public void setHeight(int height) {
mTarget.getLayoutParams().height = height;
mTarget.requestLayout();
}
}
}自定义属性
<declare-styleable name="BarChartView"> <attr name="barchartCount" format="integer" /> <attr name="barchartDuration" format="integer" /> <attr name="barchartShape" format="reference" /> <attr name="barchartHeight" format="dimension" /> <attr name="barchartWidth" format="dimension" /> <attr name="barcharMarginLeft" format="dimension" /> <attr name="barcharBackColor" format="color" /> </declare-styleable>
布局文件:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.tlkg.testdemo.valueanimatordemo.MainActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:orientation="horizontal"> <com.tlkg.testdemo.valueanimatordemo.BarChartView android:id="@+id/myRealMapView" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" app:barcharMarginLeft="3dp" app:barchartCount="10" app:barchartDuration="500" app:barchartHeight="100dp" app:barchartWidth="10dp" /> <com.tlkg.testdemo.valueanimatordemo.BarChartView android:id="@+id/myRealMapView1" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:background="#ff000000" app:barcharBackColor="#ffffffff" app:barcharMarginLeft="3dp" app:barchartCount="10" app:barchartDuration="500" app:barchartHeight="70dp" app:barchartWidth="5dp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:orientation="horizontal"> <com.tlkg.testdemo.valueanimatordemo.BarChartView android:id="@+id/myRealMapView2" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" app:barcharMarginLeft="1dp" app:barchartCount="50" app:barchartDuration="300" app:barchartHeight="40dp" app:barcharBackColor="#ff0000ff" app:barchartWidth="2dp" /> <com.tlkg.testdemo.valueanimatordemo.BarChartView android:id="@+id/myRealMapView3" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" app:barcharMarginLeft="3dp" app:barchartCount="8" app:barchartDuration="200" app:barchartHeight="90dp" app:barchartShape="@drawable/mshape" app:barchartWidth="10dp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:orientation="horizontal"> <Button android:id="@+id/start" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="start" /> <Button android:id="@+id/stop" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="stop" /> </LinearLayout> </LinearLayout>
MainActivity代码:
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final BarChartView realMapView = (BarChartView) findViewById(R.id.myRealMapView);
final BarChartView realMapView1 = (BarChartView) findViewById(R.id.myRealMapView1);
final BarChartView realMapView2 = (BarChartView) findViewById(R.id.myRealMapView2);
final BarChartView realMapView3 = (BarChartView) findViewById(R.id.myRealMapView3);
findViewById(R.id.start).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
realMapView.start();
realMapView1.start();
realMapView2.start();
realMapView3.start();
}
});
findViewById(R.id.stop).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
realMapView.stop();
realMapView1.stop();
realMapView2.stop();
realMapView3.stop();
}
});
}
}实现原理，BarChartView继承线性布局，设置水平，内容底部居中，根据初始化后的barchartCount属性添加childView,调用方法start开始属性动画。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了Android自定义View实现简单文字描边功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
Android如何使用ViewPager2实现页面滑动切换效果
这篇文章主要给大家介绍了关于Android如何使用ViewPager2实现页面滑动切换效果的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-02-02
这篇文章主要介绍了Android 背景透明度设置总结，本文通过实例代码给大家介绍的非常详细，感兴趣的的朋友参考下吧2017-06-06
Android实战打飞机游戏之实现主角以及主角相关元素(3)
这篇文章主要为大家详细介绍了Android实战打飞机游戏之实现主角以及主角相关元素，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
本文主要介绍了Flutter路由之fluro的配置及跳转，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
Android下通过httpClient发送GET和POST请求的实例代码
这篇文章介绍了Android下通过httpClient发送GET和POST请求的实例代码，有需要的朋友可以参考一下2013-08-08
Toast是Android中用来显示显示信息的一种机制，和Dialog不一样的是，Toast是没有焦点的，而且Toast显示的时间有限，过一定的时间就会自动消失。那么这篇文章跟大家分享下Android中Toast的优化，对大家日常开发还是很实用，下面来一起看看吧。2016-09-09
今天小编就为大家分享一篇关于Android可自定义神奇动效的卡片切换视图实例，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-02-02
这篇文章主要介绍了Android 使用flow实现倒计时的方式,借助Flow这个工具,更加优雅地实现这个需求功能，文末给大家整理了Android 实现倒计时的几种方式，需要的朋友可以参考下2022-04-04
这几天分析了一下的启动过程，于是乎，今天写一下Service使用； 给我的感觉是它并不复杂，千万不要被一坨一坨的代码吓住了，虽然弯弯绕绕不少，重载函数一个接着一个，就向走迷宫一样，但只要抓住主线阅读，很快就能找到出口2022-12-12
最新评论