代码动态改变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!

相关文章
相关标签/搜索