android 布局实例解析 柱状图效果

一：LinearLayout+RelativeLayout图表效果

       

            1：每个柱子外面是RelativeLayout里边LinearLayout，使用android:layout_alignParentBottom="true"在父容器底部对齐

                  用背景颜色控制即可

            2：中间文字水平垂直居中:

                   父容器控制水平居中android:layout_alignParentBottom="true"

                   自己垂直居中 android:layout_gravity="center_vertical"   

             3：三个柱子左右两边间距保持一样

                  只需要在外层水平居中就可以了，外层的宽度等于内容宽度    android:layout_width="wrap_content"

           

            所有布局文件1版

    2版

        

    

         后台效果

public class TestChat extends Activity{

	 @Override
	 protected void onCreate(Bundle savedInstanceState) {
	        super.onCreate(savedInstanceState);
	        setContentView(R.layout.testchat);
	        SetOil(100,70);
	 }  
	 	 
	 private void SetOil(double maxoval, double currentovl)//maxoval最高刻度,当前油量currentovl
	 {		
		 TextView tv = (TextView)findViewById(R.id.firshOilBoxText);
		 tv.setText(currentovl+"T");
		
		 LinearLayout ly = (LinearLayout)findViewById(R.id.firshOilBox);
		 RelativeLayout.LayoutParams lp = (RelativeLayout.LayoutParams)ly.getLayoutParams();
		 
		 RelativeLayout lyf = (RelativeLayout)findViewById(R.id.firshOilF);
		 LinearLayout.LayoutParams lpf = (LinearLayout.LayoutParams)lyf.getLayoutParams();
		 
		 double precendvalue = (currentovl/maxoval);//先计算所占高度的百度分
		 System.out.println("百分比:"+precendvalue);
		 int needheight = (int)(precendvalue*lpf.height);//在取得该百分比在当前高度下占有的高度,获取到的单位已经是dp不用再转化了		 
		 lp.height = needheight;
		 ly.setLayoutParams(lp);				
	 }
	 	 
	 public int Dp2Px(Context context, float dp) { 
		    final float scale = context.getResources().getDisplayMetrics().density; 
		    return (int) (dp * scale + 0.5f); 
     }
}