2

我有 4 个项目的网格视图,现在单击每个网格项目,我需要在单击的网格项目上再显示一个图像。

如何实现这一目标?

这是预期的

这是我的适配器类获取视图:

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder view;
    LayoutInflater inflator = activity.getLayoutInflater();

    GridView.LayoutParams params = null;
    if (convertView == null) {
    view = new ViewHolder();
    convertView = inflator.inflate(R.layout.tile_row, null);

    view.textView = (TextView) convertView.findViewById(R.id.title);
    view.imageView = (ImageView) convertView.findViewById(R.id.icons);
    convertView.setTag(view);

    params = new GridView.LayoutParams(Width, Height);
    convertView.setLayoutParams(params);
    } else {
    view = (ViewHolder) convertView.getTag();
    }
    // set image view parameters
    setImageParamaeters(view.imageView);

    view.textView.setText(adapterNames.get(position));
    view.imageView.setImageResource(adapterIcondIds.get(position));

    if (params != null) {
    convertView.setLayoutParams(params);
    }

    convertView.setId(position);
    convertView.setOnClickListener(onClickListeners.get(position));

    return convertView;
}
4

4 回答 4

2

您可以通过在网格项目顶部放置一个弹出窗口来完成此操作。为了找到网格项目的确切屏幕位置,您可以使用以下代码

Rect loc = new Rect();
int[] location = new int[2];
view.getLocationOnScreen(location);
loc.left = location[0];
loc.top = location[1];
loc.right = loc.left + view.getWidth();
loc.bottom = loc.top + view.getHeight();

该变量loc保存被点击的确切屏幕位置view,这不过是该方法的第二个参数

@Override
public void onItemClick(AdapterView<?> parent, View view,
        int position, long id) {
    // TODO Auto-generated method stub  
}

有了这些信息,您就可以轻松实现您所需要的。最好的方法是计算视图的中心并将弹出窗口的中心与单击视图的中心对齐。

注意:如果视图的一部分可见,您将需要调整以显示弹出窗口。

编辑: 由于我没有得到您的问题,因此我添加了一张图片以提高清晰度。

我已经提供了案例 1 的代码。对于案例 2,您将需要修改布局,您可以在单击网格项目时显示叠加图像 可能的情况

编辑:实施案例2

修改了适配器代码,移动了一些变量以进行优化

public CustomAdapter(Activity activity, ...){
    inflator = activity.getLayoutInflater();
...
}
LayoutInflater inflator;

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder view;

    if (convertView == null) {
        view = new ViewHolder();
        convertView = inflator.inflate(R.layout.tile_row, null);

        view.textView = (TextView) convertView.findViewById(R.id.title);
        view.imageView = (ImageView) convertView.findViewById(R.id.icons);
        view.clickedImage = (ImageView) convertView.findViewById(R.id.clickedImage);
        convertView.setTag(view);
    } else {
        view = (ViewHolder) convertView.getTag();
    }
    // set image view parameters
    view.textView.setText(adapterNames.get(position));
    view.imageView.setImageResource(adapterIcondIds.get(position));
    //add a int variable to the view holder
    view.position = position;
    if(position != clickedPosition){
        view.clickedImage.setVisibility(View.GONE);
    }
    convertView.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            ViewHolder holder = (ViewHolder)v.getTag();
            clickedPosition = holder.position;
            holder.clickedImage.setVisibility(View.VISIBLE);
            //you can also set the resource of the imageview here.
            notifyDataSetChanged();
        }
    });

    return convertView;
}
//this is used for resetting the previous view when a new view is clicked
int clickedPosition = -1;

为了在网格视图中保留项目的单击状态,我存储了网格的单击项目位置。现在在 onClick 中,我更改了单击图像的可见性(处于 GONE 状态),更新变量 clickedPosition 并简单地调用 notifyDataSetChanged。这告诉适配器数据集已更改,并且将调用所有可见网格项的 getView。因此,如果您最初单击第 1 项,然后单击第 3 项,那么您会注意到单击第 3 项时第 1 项已被重置。

XML title_row.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="200dp"
    android:layout_height="200dp" >

    <ImageView
        android:id="@+id/icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/droid_logo_black"
        android:visibility="gone" />

    <ImageView
        android:id="@+id/clickedImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/login_help_logo" />

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="Title"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>
于 2013-03-18T12:12:40.107 回答
0

在元素的onClickListener中,调用imageView,动态加载图片。或者预定义图片资源,使用新图片的id调用Imageview。

于 2013-03-18T12:00:54.383 回答
0

onlclick of each grid item i need to display one more image on top of that clicked grid item.

我认为您必须创建自定义网格视图。并根据需要动态附加 ImageView。

setVisibilty(View.Visible) 什么时候想展示,setVisibilty(View.Hide)什么时候不想展示。

于 2013-03-18T12:04:09.917 回答
0
int id = getResources().getIdentifier("yourpackagename:drawable/" + StringGenerated, null,     null);

尝试这种类型的东西,你会得到 id。尝试使用更改图像

imageview.setImageResource(id);

祝你好运!

于 2013-03-18T13:11:15.483 回答