Android开源SegmentedBarView(医学、生化、健康指标统计常用)

喜欢ヅ旅行 2024-02-17 16:26 29阅读 0赞

**Android开源SegmentedBarView(医学、生化、健康指标统计常用)**

在一些关于运动、健康、医学、生理、化学等Android应用开发中，往往遇到比较多的统计数据显示的代码处理，用图表直观的给出区间范围。Android SegmentedBarView实现的就是上述设计需求，Android SegmentedBarView做出的效果如图所示：

![Center][]

SegmentedBarView在github上的项目主页：[https://github.com/gspd-mobi/SegmentedBarView][https_github.com_gspd-mobi_SegmentedBarView]  
SegmentedBarView可以在xml布局文件中写，也可以用Java代码动态生成创建出来，现在给出一个例子，首先写一个布局文件：

Java代码：

package zhangphil.demo;
    
    import java.util.ArrayList;
    
    import android.app.Activity;
    import android.graphics.Color;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.LinearLayout;
    import mobi.gspd.segmentedbarview.Segment;
    import mobi.gspd.segmentedbarview.SegmentedBarView;
    import mobi.gspd.segmentedbarview.SegmentedBarViewSideStyle;
    
    public class MainActivity extends Activity {
    
    	private LinearLayout mLinearLayout;
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    
    		mLinearLayout = (LinearLayout) findViewById(R.id.linearLayout);
    
    		// 从XML布局文件添加SegmentedBarView
    		final SegmentedBarView barView = (SegmentedBarView) findViewById(R.id.bar_view);
    		final ArrayList<Segment> segments = new ArrayList<>();
    		// 20-50区间
    		segments.add(new Segment(20, 50, "正常", Color.BLUE));
    		// 50-60区间
    		segments.add(new Segment(50, 60, "糟糕", Color.LTGRAY));
    		// 初始化数据指向30
    		barView.setValue(30f);
    		barView.setSegments(segments);
    		barView.setShowDescriptionText(true);
    
    		findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
    			@Override
    			public void onClick(View v) {
    				barView.setValue(55f);
    			}
    		});
    
    		// Java代码动态生成标准的SegmentedBarView
    		createNormalBarView();
    		
    		createNormalBarView2();
    		
    		//Java代码动态创建几个没有数值的Segment
    		createBarViewWithoutNumericValue();
    	}
    
    	private void createNormalBarView() {
    		SegmentedBarView barView = new SegmentedBarView(this);
    		ArrayList<Segment> segments = new ArrayList<>();
    		Segment segment = new Segment(0, 4.5f, "低", Color.parseColor("#EF3D2F"));
    		segments.add(segment);
    		Segment segment2 = new Segment(4.5f, 6.5f, "中", Color.parseColor("#8CC63E"));
    		segments.add(segment2);
    		Segment segment3 = new Segment(6.5f, 20f, "高", Color.parseColor("#EF3D2F"));
    		segments.add(segment3);
    
    		barView.setValueWithUnit(4.96f, "米");
    
    		barView.setSegments(segments);
    		barView.setShowDescriptionText(true);
    
    		barView.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,
    				LinearLayout.LayoutParams.WRAP_CONTENT));
    		barView.setPadding(10, 10, 10, 10);
    
    		mLinearLayout.addView(barView);
    	}
    	
    	private void createBarViewWithoutNumericValue() {
            ArrayList<Segment> segments = new ArrayList<>();
            Segment segment = new Segment("低", null, Color.parseColor("#EF3D2F"));
            segments.add(segment);
            Segment segment2 = new Segment("中", null, Color.parseColor("#8CC63E"));
            segments.add(segment2);
            Segment segment3 = new Segment("高", null, Color.parseColor("#EF3D2F"));
            segments.add(segment3);
            SegmentedBarView barView = SegmentedBarView.builder(this)
                    .segments(segments)
                    //此处的value指向Segment的下标2则指向第二个Segment
                    .valueSegment(2)
                    .valueSegmentText("你的值")
                    //.unit("厘米")
                    .sideStyle(SegmentedBarViewSideStyle.ANGLE)
                    .build();
            barView.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
            barView.setPadding(10, 10, 10, 10);
    
            mLinearLayout.addView(barView);
        }
    	
    	
    	 private void createNormalBarView2() {
    	        SegmentedBarView barView = new SegmentedBarView(this);
    	        ArrayList<Segment> segments = new ArrayList<>();
    	        Segment segment = new Segment(0, 4.5f, "低", Color.parseColor("#EF3D2F"));
    	        segments.add(segment);
    	        Segment segment2 = new Segment(4.5f, 6.5f, "正常", Color.parseColor("#8CC63E"));
    	        segments.add(segment2);
    	        Segment segment3 = new Segment(6.5f, 20f, "高", Color.parseColor("#EF3D2F"));
    	        segments.add(segment3);
    	        barView.setValueWithUnit(4.96f, "cm");
    	        barView.setSegments(segments);
    	        barView.setShowDescriptionText(true);
    	        
    	        //设置 SegmentedBarView高度
    	        barView.setBarHeight(90);
    	        
    	        //提示气泡的背景颜色
    	        barView.setValueSignColor(Color.RED);
    	        
    	        //设置提示气泡的宽高
    	        barView.setValueSignSize(300, 100);
    	        
    	        barView.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
    	        barView.setPadding(10, 10, 10, 10);
    	        mLinearLayout.addView(barView);
    	    }
    }

运行结果如图所示：

![Center 1][]

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/0e506780c370499d8dc4ba0eabfcf85d.png
[https_github.com_gspd-mobi_SegmentedBarView]: https://github.com/gspd-mobi/SegmentedBarView
[Center 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/7055206e943347df8969363b329251ad.png