如何使一个动态的ImageView? [英] How to make a dynamic ImageView?

查看:227
本文介绍了如何使一个动态的ImageView?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我需要一些图像应用程序,另一个是在中心需要根据屏幕的大小来改变他的大小。这里是code,我需要去改变它的形象的图片4:

 < LinearLayout中的xmlns:机器人=htt​​p://schemas.android.com/apk/res/android
    机器人:layout_width =FILL_PARENT
    机器人:layout_height =FILL_PARENT
    机器人:layout_alignParentTop =真
    机器人:重力=CENTER_HORIZONTAL
    机器人:方向=垂直>    < ImageView的
        机器人:ID =@ + ID / imageView1
        机器人:layout_width =FILL_PARENT
        机器人:layout_height =WRAP_CONTENT
        机器人:layout_gravity =中心
        机器人:背景=@彩色/黑人
        机器人:paddingBottom会=20dp
        机器人:paddingTop =20dp
        机器人:SRC =@绘制/ image1的/>    < ImageView的
        机器人:ID =@ + ID / imageView2
        机器人:layout_width =FILL_PARENT
        机器人:layout_height =WRAP_CONTENT
        机器人:背景=@彩色/阿祖尔
        机器人:SRC =@绘制/ lineaceleste/>    < ImageView的
        机器人:ID =@ + ID / imageView3
        机器人:layout_width =FILL_PARENT
        机器人:layout_height =WRAP_CONTENT
        机器人:layout_gravity =中心
        机器人:背景=@彩色/黑人
        机器人:paddingBottom会=5DP
        机器人:paddingTop =5DP
        机器人:SRC =@绘制/ IMG3/>    < ImageView的
        机器人:ID =@ + ID / imageView8
        机器人:layout_width =FILL_PARENT
        机器人:layout_height =WRAP_CONTENT
        机器人:背景=@彩色/阿祖尔
        机器人:SRC =@绘制/ img8/>    <微调
        机器人:ID =@ + ID / spinner1
        机器人:layout_width =match_parent
        机器人:layout_height =WRAP_CONTENT
        机器人:背景=@彩色/布兰科
        机器人:项=@阵列/ listaRadios
        机器人:提示=@字符串/ radioPrompt
        机器人:scaleType =fitStart/>    < RelativeLayout的
        机器人:layout_width =WRAP_CONTENT
        机器人:layout_height =WRAP_CONTENT
        机器人:layout_gravity =center_vertical
        机器人:背景=@色/ BLK>        < ImageView的
            机器人:ID =@ + ID / imageView4
            机器人:layout_width =match_parent
            机器人:layout_height =WRAP_CONTENT
            机器人:layout_gravity =中心
            机器人:背景=@色/蔚
            机器人:paddingBottom会=50dp
            机器人:paddingTop =50dp
            机器人:SRC =@绘制/图片4/>
    < / RelativeLayout的>    < ImageView的
        机器人:ID =@ + ID / imageView5
        机器人:layout_width =FILL_PARENT
        机器人:layout_height =WRAP_CONTENT
        机器人:背景=@彩色/布兰科
        机器人:SRC =@绘制/ lineablanca/>    <的LinearLayout
        机器人:layout_width =match_parent
        机器人:layout_height =WRAP_CONTENT
        机器人:背景=@彩色/ CEL
        机器人:paddingBottom会=5DP
        机器人:paddingTop =5DP>        <的ImageButton
            机器人:ID =@ + ID / btnPlay
            机器人:layout_width =0dp
            机器人:layout_height =WRAP_CONTENT
            机器人:layout_weight =1
            机器人:背景=@空
            机器人:SRC =@绘制/播放/>        <的ImageButton
            机器人:ID =@ + ID / btnPause
            机器人:layout_width =0dp
            机器人:layout_height =WRAP_CONTENT
            机器人:layout_weight =1
            机器人:背景=@空
            机器人:SRC =@绘制/暂停/>
    < / LinearLayout中>    < ImageView的
        机器人:ID =@ + ID / imageView6
        机器人:layout_width =FILL_PARENT
        机器人:layout_height =WRAP_CONTENT
        机器人:背景=@彩色/布兰科
        机器人:SRC =@绘制/ img6/>    <的LinearLayout
        机器人:layout_width =match_parent
        机器人:layout_height =WRAP_CONTENT
        机器人:背景=@彩色/ CEL
        机器人:paddingBottom会=10dp
        机器人:paddingTop =10dp>        < ImageView的
            机器人:ID =@ + ID / imageView7
            机器人:layout_width =0dp
            机器人:layout_height =WRAP_CONTENT
            机器人:layout_weight =2
            机器人:SRC =@绘制/ IMG7/>        <的ImageButton
            机器人:ID =@ + ID / imageButton3
            机器人:layout_width =0dp
            机器人:layout_height =WRAP_CONTENT
            机器人:layout_weight =1
            机器人:背景=@空
            机器人:SRC =@绘制/ btn3/>        <的ImageButton
            机器人:ID =@ + ID / imageButton4
            机器人:layout_width =0dp
            机器人:layout_height =WRAP_CONTENT
            机器人:layout_weight =1
            机器人:背景=@空
            机器人:SRC =@绘制/ btn4/>
    < / LinearLayout中>    < ImageView的
        机器人:ID =@ + ID / imageView9
        机器人:layout_width =FILL_PARENT
        机器人:layout_height =WRAP_CONTENT
        机器人:背景=@彩色/阿祖尔
        机器人:SRC =@绘制/ img9/>    < ImageView的
        机器人:ID =@ + ID / imageView10
        机器人:layout_width =match_parent
        机器人:layout_height =WRAP_CONTENT
        机器人:背景=@彩色/ BLK
        机器人:SRC =@绘制/ img10/>< / LinearLayout中>

日Thnx


解决方案

相反在XML中添加的ImageView的你应该做的编程。在XML中,你只需要RelativeLayout的,将被用作图像载体。所以,你需要做的是:


  1. 创建图像载体

`

 < RelativeLayout的
    机器人:ID =@ + ID / image_view_holder
    机器人:layout_width =WRAP_CONTENT
    机器人:layout_height =WRAP_CONTENT
    机器人:layout_gravity =center_vertical
    机器人:背景=@色/ BLK>`


  1. 创建,并在图像载体添加的ImageView

`

  DisplayMetrics指标=新DisplayMetrics();
            。getWindowManager()getDefaultDisplay()getMetrics(指标)。            INT宽度= metrics.widthPixels;
            INT高度= metrics.heightPixels;            RelativeLayout的imgHolder =(RelativeLayout的)findViewById(R.id.image_view_holder);            ImageView的IMG =新ImageView的(本);
            RelativeLayout.LayoutParams PARAMS =新RelativeLayout.LayoutParams(宽度,高度/ 2);
            img.setLayoutParams(PARAMS);            imgHolder.addView(IMG);`

现在,当你知道的屏幕尺寸,你可以根据屏幕大小设置的图像大小。

I need to make an app with some Images, and one that it's in the center needs to change his size depending on the size of the screen. Here is the code, the image that I need to change it's the image4:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_alignParentTop="true"
    android:gravity="center_horizontal"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@color/negro"
        android:paddingBottom="20dp"
        android:paddingTop="20dp"
        android:src="@drawable/image1" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@color/azul"
        android:src="@drawable/lineaceleste" />

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@color/negro"
        android:paddingBottom="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/img3" />

    <ImageView
        android:id="@+id/imageView8"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@color/azul"
        android:src="@drawable/img8" />

    <Spinner
        android:id="@+id/spinner1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/blanco"
        android:entries="@array/listaRadios"
        android:prompt="@string/radioPrompt"
        android:scaleType="fitStart" />

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:background="@color/blk" >

        <ImageView
            android:id="@+id/imageView4"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:background="@color/celeste"
            android:paddingBottom="50dp"
            android:paddingTop="50dp"
            android:src="@drawable/image4" />
    </RelativeLayout>

    <ImageView
        android:id="@+id/imageView5"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@color/blanco"
        android:src="@drawable/lineablanca" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/cel"
        android:paddingBottom="5dp"
        android:paddingTop="5dp" >

        <ImageButton
            android:id="@+id/btnPlay"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@null"
            android:src="@drawable/play" />

        <ImageButton
            android:id="@+id/btnPause"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@null"
            android:src="@drawable/pause" />
    </LinearLayout>

    <ImageView
        android:id="@+id/imageView6"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@color/blanco"
        android:src="@drawable/img6" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/cel"
        android:paddingBottom="10dp"
        android:paddingTop="10dp" >

        <ImageView
            android:id="@+id/imageView7"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:src="@drawable/img7" />

        <ImageButton
            android:id="@+id/imageButton3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@null"
            android:src="@drawable/btn3" />

        <ImageButton
            android:id="@+id/imageButton4"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@null"
            android:src="@drawable/btn4" />
    </LinearLayout>

    <ImageView
        android:id="@+id/imageView9"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@color/azul"
        android:src="@drawable/img9" />

    <ImageView
        android:id="@+id/imageView10"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/blk"
        android:src="@drawable/img10" />

</LinearLayout>

Thnx

解决方案

Instead of adding ImageView in xml you should do that programmatically. In xml you need just RelativeLayout which will be used as image holder. So what you need to do is:

  1. Create image holder

`

<RelativeLayout
    android:id="@+id/image_view_holder"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
    android:background="@color/blk" >`

  1. Create and add ImageView in image holder

`

            DisplayMetrics metrics = new DisplayMetrics();
            getWindowManager().getDefaultDisplay().getMetrics(metrics);

            int width = metrics.widthPixels;
            int height = metrics.heightPixels;

            RelativeLayout imgHolder = (RelativeLayout) findViewById(R.id.image_view_holder);

            ImageView img = new ImageView(this);
            RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(width, height/2);
            img.setLayoutParams(params);

            imgHolder.addView(img);`

Now when you know screen size you can set image size depending on screen size.

这篇关于如何使一个动态的ImageView?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆