代码动态改变view的大小

背景

最近需要画方格图，我用的是自定义的view，但是缩放实现不了，于是采用按钮的方式来动态改变view的大小。

---

代码实现

首先我的xml布局代码如下：

<?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.example.pc_2.viewsizechangedemo.MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/tv_size_change"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:background="@android:color/darker_gray"
            android:textColor="@android:color/white"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello World!"
            />

        <Button
            android:id="@+id/btn_change_size"
            android:textSize="12sp"
            android:text="点击改变大小"
            android:textColor="@android:color/white"
            android:layout_centerHorizontal="true"
            android:layout_alignParentBottom="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </RelativeLayout>


</LinearLayout>

xml布局显示如下：

然后MainActivity的代码如下：

package com.example.pc_2.viewsizechangedemo;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class MainActivity extends Activity {

    private Button btn_change_size;
    private TextView tv_size_change;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);// 设置该activity使用的布局文件
        setViews();// 控件初始化
        setListener();// 设置监听
    }

    private void setListener() {

        btn_change_size.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                // 获取要改变view的父布局的布局参数
                RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) tv_size_change.getLayoutParams();
                // 设置宽为100dp
                params.width = DensityUtil.dp2px(MainActivity.this, 100);
                // 设置高为100dp
                params.height = DensityUtil.dp2px(MainActivity.this, 100);
                // 根据布局参数的设置，重新设置view（这里用了text view，当然其他的view也是通用的）的大小
                tv_size_change.setLayoutParams(params);
            }
        });
    }

    private void setViews() {

        btn_change_size = (Button) findViewById(R.id.btn_change_size);
        tv_size_change = (TextView) findViewById(R.id.tv_size_change);
    }

}

最后两张对比图显示如下：

好的，成功改变了大小！

---

注意的地方

需要注意下面这个方法：

// 获取要改变view的父布局的布局参数
                RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) tv_size_change.getLayoutParams();

这里布局参数为什么是RelativeLayout.LayoutParams对象呢？是因为该textview的父布局是RelativeLayout。因此以此类推，当view的父布局是Linearlayout的时候，就要采用Linearlayout.LayoutParams对象。到这里就讲完了，谢谢大家！

================================================================

A little bit of progress every day!Come on!