如何增加 Android 中图像视图的大小

Question

我正在开发一个项目，需要我实现两个水平滚动视图，并在它们之间添加一个图像视图。我想扩展图像视图的大小以填充滚动视图之间的间隙。我浏览了示例代码，但它似乎没有提到图像视图的大小。我在描述我的问题的图像后面附上了下面的代码。

public class Gallery2DemoActivity extends Activity {
private Gallery gallery,gallery1;
private ImageView imgView;

private Integer[] Imgid = {
    R.drawable.a_1, R.drawable.a_2, R.drawable.a_3, R.drawable.a_4, R.drawable.a_5, R.drawable.a_6, R.drawable.a_7
};

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

gallery = (Gallery) findViewById(R.id.examplegallery);
gallery.setAdapter(new AddImgAdp(this));

gallery1 = (Gallery)findViewById(R.id.examplegallery1);
gallery1.setAdapter(new AddImgAdp(this));

imgView = (ImageView)findViewById(R.id.ImageView01);    
imgView.setImageResource(Imgid[0]);


 gallery.setOnItemClickListener(new OnItemClickListener() {
    public void onItemClick(AdapterView parent, View v, int position, long id) {
        imgView.setImageResource(Imgid[position]); 
    }
});

}

public class AddImgAdp extends BaseAdapter {
int GalItemBg;
private Context cont;

public AddImgAdp(Context c) {
    cont = c;
    TypedArray typArray = obtainStyledAttributes(R.styleable.GalleryTheme);
    GalItemBg =  typArray.getResourceId(R.styleable.GalleryTheme_android_galleryItemBackground, 0);
    typArray.recycle();
}

public int getCount() {
    return Imgid.length;
}

public Object getItem(int position) {
    return position;
}

public long getItemId(int position) {
    return position;
}

public View getView(int position, View convertView, ViewGroup parent) {
    ImageView imgView = new ImageView(cont);

    imgView.setImageResource(Imgid[position]);
    imgView.setLayoutParams(new Gallery.LayoutParams(110, 100));
    imgView.setScaleType(ImageView.ScaleType.FIT_XY);
    imgView.setBackgroundResource(GalItemBg);

    return imgView;
}
}

这是我的 XML 主文件。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/LinearLayout01"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<Gallery
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/examplegallery"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" />
<ImageView
    android:id="@+id/ImageView01"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" 
    android:layout_weight="1"/>
<Gallery
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/examplegallery1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" />
</LinearLayout>

下面是我的属性文件：

<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="GalleryTheme">
    <attr name="android:galleryItemBackground" />
</declare-styleable>
</resources>

Answer 1

Vinner，

这里的问题实际上是两个问题：

1. ImageView 的大小基于父级，这意味着它共享其宽度和高度。

2. 调整图像大小以匹配最限制尺寸（宽度）。

处理这个问题最简单的方法是设置 ImageView 的 ScaleType。有多种缩放类型，但您可能需要的是中心裁剪。在代码中，这是通过 view_name.setScaleType(ImageView.ScaleType.CENTER_CROP) 完成的。您还可以使用属性 android:scaleType="centerCrop" 在 XML 中为 ImageView 执行此操作。请注意，这将调整您的图像大小并保持您的纵横比，但它会切断侧面。

只需将上述属性添加到 XML 中的 ImageView 中（可能在您的layout_weight 下），它就应该执行您想要的操作。

希望这有帮助，

模糊逻辑

Answer 2

你会尝试下面的代码吗...？

?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/LinearLayout01"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<Gallery
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/examplegallery"
android:layout_width="fill_parent"
android:layout_height="wrap_content" android:layout_weight="1" />
<ImageView
android:id="@+id/ImageView01"
android:layout_width="fill_parent"
android:layout_height="0dp" 
android:src="@drawable/ic_launcher"
android:layout_weight="1"/>
<Gallery
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/examplegallery1"
android:layout_width="fill_parent"
android:layout_height="wrap_content" android:layout_weight="1"/>
</LinearLayout>

如果它不起作用，请尝试将画廊高度设置为某个 dp，它会起作用..谢谢

Answer 3

ImageView 的大小基于父级，这意味着它共享其宽度和高度。此外，还会调整图像大小以匹配最限制的尺寸（宽度）。

Answer 4

看起来像在 AddImgAdp 类中，您将 ImageView 的高度和宽度设置为特定的像素大小。

imgView.setLayoutParams(new Gallery.LayoutParams(110, 100)); //width = "110px", height="100px"

我个人会将布局设置为相对布局，将第一个画廊与顶部对齐，将第二个画廊与底部对齐，并将 ImageView 设置为在第二个画廊上方对齐。然后制作图像：

imgView.setLayoutParams( new Gallery.LayoutParams(
   Gallery.LayoutParams.FILL_PARENT, 
   Gallery.LayoutParams.FILL_PARENT) );

如果使用 LinearLayout 将 ImageView 设置为 fill_parent，它将填充到屏幕底部，第二个图库将超出屏幕。

还要知道，填充所有空间很可能会扭曲图片。考虑所有调整大小选项： http://developer.android.com/参考/android/widget/ImageView.ScaleType.html