Android 代码动态改变View的属性

Android 代码动态改变View的属性

设置Android View的长宽和位置我们平时都会在Layout的XML中定义，那么什么时候需要动态在代码中设置View的属性呢？先看下面这个UI设计

在这个UI设计中，上面的ImageView被设计成是长宽是16:9的比例，因为手机屏幕的区别，图片的宽度是无法确定的，所以在XML中是无法设置16:9比例的ImageView，因此想要实现这个UI效果就需要在运行时获得手机屏幕宽度然后按照16:9的比例设置ImageView的高度。

先看下动态改变View的Demo演示<喎?http://www.Bkjia.com/kf/ware/vc/" target="_blank" class="keylink">vcD4NCkltYWdlVmlld8vYssTAtNfU09ogRmFjZWJvb2sgdGVhbSBkcmliYmJsZQ0KPHA+PGltZyBhbHQ9"这里写图片描述" src="http://www.bkjia.com/uploads/allimg/160417/0414026209-1.gif" title="\" />

主要的实现方式是通过View.getLayoutParams()获取LayoutParams对象，然后通过LayoutParams对象设置View的宽高和边距等等，然后View重新setLayoutParams。

下面看一下具体的实现步骤

Layout 一个ImageView 下面4个Button用来动态控制图片

然后是MainActivity，运行的时候动态获取屏幕宽度，然后去设置ImageView的高度，具体参考代码注释

/**
 * Blog:www.lijizhou.com
 */
public class MainActivity extends AppCompatActivity implements View.OnClickListener{
    private ImageView image;
    private Button btn_43,btn_169;
    private Button btn_marginleft,btn_marginright;

    //为了更改imageview，获取LayoutParmas对象
    // ImageView父Group是Linearlayout所以这里使用LinearLayout.LayoutParams
    // 你也可以使用通用的ViewGroup.LayoutParams 不过支持的属性较少
    LinearLayout.LayoutParams params;

    //ImageView距左边距
    private int left;
    //ImageView距右边距
    private int right;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();


    }

    public void initView(){
        image=(ImageView)findViewById(R.id.image);
        params=(LinearLayout.LayoutParams)image.getLayoutParams();
        btn_43=(Button)findViewById(R.id.btn_43);
        btn_169=(Button)findViewById(R.id.btn_169);
        btn_marginleft=(Button)findViewById(R.id.btn_marginleft);
        btn_marginright=(Button)findViewById(R.id.btn_marginright);
        btn_43.setOnClickListener(this);
        btn_169.setOnClickListener(this);
        btn_marginleft.setOnClickListener(this);
        btn_marginright.setOnClickListener(this);
    }


    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btn_43:


                params.height=getScreenWidth()*3/4;
                image.setLayoutParams(params);
                break;
            case R.id.btn_169:

                params.height=getScreenWidth()*9/16;
                image.setLayoutParams(params);
                break;

            case R.id.btn_marginleft:
                //左边距增加 可以直接使用PX 或者 转换使用DP单位
                params.leftMargin=dp2px(this,left+=8);
                image.setLayoutParams(params);
                break;

            case R.id.btn_marginright:
                params.rightMargin=dp2px(this,right+=8);
                image.setLayoutParams(params);
                break;
        }
    }


    //获取运行屏幕宽度
    public int getScreenWidth(){
        DisplayMetrics dm = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        //宽度 dm.widthPixels
        //高度 dm.heightPixels
        return  dm.widthPixels ;
    }

    //DP转PX
    public static int dp2px(Context context, float dpValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }
    //PX转DP
    public static int px2dp(Context context, float pxValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (pxValue / scale + 0.5f);
    }
}

Ok，一个动态改变View的小示例就实现了，代码非常简单，LayoutParams对象不仅可以支持更改宽高边距还支持动态设置weight等等一系列操作，需要你自己去探索实现：）