仿QQ发送图片时选中后加蒙版(想看跑车请进)

这里写图片描述

主要实现给GridView加CheckBox选中后可以加蒙版

FruitAdapter

添加CheckBox和蒙版只需在FruitAdapter中完成造作即可

public class FruitAdapter extends BaseAdapter {
    private LayoutInflater mInflater;
    private List<Fruit> mFruits;
    private boolean mCheckBoxManager[];


    public FruitAdapter(LayoutInflater mInflater, List<Fruit> mFruits) {
        this.mInflater = mInflater;
        this.mFruits = mFruits;
        mCheckBoxManager = new boolean[mFruits.size()];
    }

    @Override
    public int getCount() {
        return mFruits.size();
    }

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

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

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        ViewHolder vh = null;

        if (convertView == null) {

            convertView = mInflater.inflate(R.layout.gridview_item, null);
            vh = new ViewHolder();
            vh.imageView = (ImageView) convertView.findViewById(R.id.image);
            vh.textView = (TextView) convertView.findViewById(R.id.textview);
            vh.checkBox = (CheckBox) convertView.findViewById(R.id.checkbox);
            vh.imageViewTint = (ImageView) convertView.findViewById(R.id.imageview_tint);
            convertView.setTag(vh);

        } else {
            vh = (ViewHolder) convertView.getTag();
        }
        Fruit fruit = mFruits.get(position);
        vh.imageView.setImageResource(fruit.getImg());
        vh.textView.setText(fruit.getName());
        vh.checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                mCheckBoxManager[position] = isChecked;
                Log.d("蒙版", "" + mCheckBoxManager[position] + position);
                notifyDataSetChanged();

            }
        });
        vh.checkBox.setChecked(mCheckBoxManager[position]);
        if (mCheckBoxManager[position]) {
            vh.imageViewTint.setVisibility(View.VISIBLE);

        } else {
            vh.imageViewTint.setVisibility(View.INVISIBLE);

        }
        return convertView;
    }

    static class ViewHolder {
        TextView textView;
        ImageView imageView;
        CheckBox checkBox;
        ImageView imageViewTint;
    }
}

此外以下XML文件实现蒙版

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">


    <ImageView
        android:id="@+id/image"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerInParent="true"
       />


    <TextView
        android:id="@+id/textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/image"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:gravity="center"
        />


    <CheckBox
        android:id="@+id/checkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"

        android:focusable="false" />
<!--此ImageView时实现蒙版的关键需要设置visibility开始为invisible;使用Tint设置背景色蒙版不知道为什么就是不能实现,后改为background,也有同学说应该使用alignTop和alignLeft,我试验过都可以,并不是此原因,目前排除法唯一的区别在于使用background个tint上面。。。。。-->
    <ImageView
        android:id="@+id/imageview_tint"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/green_tind"
        android:visibility="invisible"
        android:layout_alignRight="@+id/checkbox"
        android:layout_alignBottom="@+id/textview"

        />
</RelativeLayout>

以下为其他文件

public class GridViewActivity extends ActionBarActivity {

    private LayoutInflater mInflater;
    private List<Fruit>mFruits;
    private GridView mGridView;
    private FruitAdapter fruitAdapter;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_grid_view);
        mGridView= (GridView) findViewById(R.id.gridview);
        //忘记获得inflater会报空指针
        mInflater=getLayoutInflater();
        mFruits=new ArrayList<>();

        for(int i=0;i<10;i++){
            Fruit apple=new Fruit("苹果",R.mipmap.car1);
            Fruit banana=new Fruit("香蕉",R.mipmap.car2);
            Fruit grape=new Fruit("葡萄",R.mipmap.car3);
            Fruit car=new Fruit("葡萄",R.mipmap.car4);
            Fruit car1=new Fruit("葡萄",R.mipmap.car5);
            Fruit car2=new Fruit("葡萄",R.mipmap.car6);
            Fruit car3=new Fruit("葡萄",R.mipmap.car7);
            Fruit car4=new Fruit("葡萄",R.mipmap.car8);
            Fruit car5=new Fruit("葡萄",R.mipmap.car9);


            mFruits.add(apple);
            mFruits.add(banana);
            mFruits.add(grape);
            mFruits.add(car);
            mFruits.add(car1);
            mFruits.add(car2);
            mFruits.add(car3);
            mFruits.add(car4);
            mFruits.add(car5);


        }

        fruitAdapter=new FruitAdapter(mInflater,mFruits);


        mGridView.setAdapter(fruitAdapter);

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        getMenuInflater().inflate(R.menu.menu_grid_view, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        int id = item.getItemId();


        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}
********************************************
public class Fruit {
    private String name;
    private int img;

    public Fruit(String name, int img) {
        this.name = name;
        this.img = img;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getImg() {
        return img;
    }

    public void setImg(int img) {
        this.img = img;
    }
}

这里写图片描述
这里写图片描述
这里写图片描述

Android 仿QQ图片选择器,包含图片裁剪,浏览大图功能。   博客地址:http://blog.csdn.net/junzia/article/details/53091606简单使用示例如需使用图片选择器功能,将chooser加入为依赖工程,然后使用指定功能:选择单张图片如果需要选择单张图片,调用:Intent intent=new Intent(IcFinal.ACTION_ALBUM); intent.putExtra(IcFinal.INTENT_MAX_IMG,1);   startActivityForResult(intent,1);裁剪如果需要选择单张图片并且裁剪,调用:Intent intent=new Intent(IcFinal.ACTION_ALBUM); intent.putExtra(IcFinal.INTENT_IS_CROP,true); startActivityForResult(intent,1);默认为圆形图片,大小为500*500。如果需要自行设定,给intent增加以下参数(目前功能未实现):intent.putExtra(IcFinal.INTENT_CROP_SHAPE,CropPath.SHAPE_RECT);   //矩形intent.putExtra(IcFinal.INTENT_CROP_WIDTH,512); //裁剪宽度intent.putExtra(IcFinal.INTENT_CROP_HEIGHT,280); //裁剪高度选择多张图片Intent intent=new Intent(IcFinal.ACTION_ALBUM); intent.putExtra(IcFinal.INTENT_MAX_IMG,9); startActivityForResult(intent,1);更多设置也许图片选择器默认的UI不符合你的要求,你可以选择利用ChooserSetting中的静态参数来更改图片选择器的效果:/**标题的背景颜色*/public static int TITLE_COLOR=0xFF584512;/**图片选择页,每行显示数*/public static int NUM_COLUMNS=3;/**图片加载失败的图片*/public static int errorResId=0;/**图片加载的占位图片*/public static int placeResId=R.mipmap.image_chooser_placeholder;/**图片加载的动画*/public static int loadAnimateResId=0;/**选中图片的滤镜颜色*/public static int chooseFilter=0x55000000;/**未被选中图片的滤镜颜色*/public static int unChooseFilter=0;/**最新的图片集合显示名字*/public static String newestAlbumName="最新图片";/**最新图片集合的最大数量*/public static int newestAlbumSize=100;public static int albumPopupHeight=600;public static String tantoToast="";/**照片选择指示器*/public static IChooseDrawable chooseDrawable=new CircleChooseDrawable(true,0xFF25c2e6);如果这些也无法满足你的UI要求,你也可以参照EntryActivity重新写相册的入口Activity,参照CropActivity重写裁剪的入口Activity。
当做一款APP,需要选择本地图片,首先考虑的无疑是系统相册,但是Android手机五花八门,再者手机像素的提升,大图无法返回等异常因数,导致适配机型比较困难,微信、QQ都相继的在自己的APP里集成了图片选择功能,放弃了系统提供的图片选择器,这里仿QQ做了一个本地图片选择器,PS:之前有人说"仿"写成“防”了,今儿特意注意了下,求不错。先上一张效果图,无图无真相啊~~~实现的效果大概是这样的:  1.单选:跳转到本地图片选择文件夹,选择文件夹后,进入到该文件夹下的所有图片,选择某张图片后,返回改图片地址信息  2.多选:跳转到图片文件夹,选择一个文件夹,选择图片,点击右上角的小圆圈,选中该图,点击图片其他区域,查看大图,点击预览,查看已选图片,可以跨文件夹选择图片。 为了达到这效果,需要做几件事:  1.读取本地所有 有图片的文件夹:    这里用ContentResolver读取媒体文件String[] columns = {MediaStore.Images.Media._ID, MediaStore.Images.Thumbnails.DATA, MediaStore.Images.Media.DATA, MediaStore.Images.Media.BUCKET_ID,                         MediaStore.Images.Media.BUCKET_DISPLAY_NAME, "COUNT(1) AS count"};  String selection = "0==0) GROUP BY ("   MediaStore.Images.Media.BUCKET_ID;  String sortOrder = MediaStore.Images.Media.DATE_MODIFIED;  Cursor cursor = contentResolver.query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, columns, selection, null, sortOrder);这是一个简单的SQL查询语句,按文件夹分组,并返回文件夹下图片数。 2.读取指定文件夹下所有图片:  当选择某一目录,需要读取该目录下所有图片了。String[] columns = new String[]{MediaStore.Images.Media._ID, MediaStore.Images.Media.DATA}; /*查询文件路径包含上面指定的文件夹路径的图片--这样才能保证查询到的文件属于当前文件夹下*/  String whereclause = MediaStore.Images.ImageColumns.DATA   " like'"   folderPath   "/%'";  Log.i("queryGalleryPicture", "galleryPath:"   folderPath);  Cursor corsor = c.getContentResolver().query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, columns, whereclause, null, null);这里的查询语句是根据文件名字来过滤的,只要图片路径包含文件夹路径的,则为该文件夹下的图片  3.UI交互   首先在展示所有包含图片的文件夹,异步加载有图片的文件夹,读取成功后列表展示,这里用的RecyclerView展示列表信息,点击某一目录,在读取改目录下的图片,在图片展示页里,需要注意的是,每次点击判断当前点击图片是否已在选择列表中,若在,删除,不在,添加。这里图片加载用了开源框架ImageLoaderif (mSelectlist.contains(imageBean)) { //点击的item为已选过的图片,删除                      mSelectlist.remove(imageBean);                      subSelectPosition();                  } else { //不在选择列表里,添加                      if (mSelectlist.size() >= maxCount) {                          Toast.makeText(mContext, mContext.getResources().getString(R.string.publish_select_photo_max, maxCount), Toast.LENGTH_SHORT).show();                          return;                      }                      mSelectlist.add(imageBean);                      imageBean.selectPosition = mSelectlist.size();                  }                  //通知点击项发生了改变                  notifyItemChanged(position);同没删除一张图片图片上的序号相应的作改变,然后通知改变项更新UI。   不同Activity跳转,因为要传递图片列表List,list里是自定义实体类,刚开始考虑过用intent传递,但是intent传递后,通过list.get(positon).contains比较是否同一对象,始终是不同对象,大家可以去验证下。所以这里定义了一个观察者的类,去保存选择的图片和文件夹下的所有图片,同查看大图,若选择了一张或者取消选择了一张图,通过观察者通知更新即可/**      * 通知图片选择已改变      */     public void updateImageSelectChanged () {         setChanged();         notifyObservers(imgSelectObj);     }好了,有了以上的,就可以使用我们的图片选择器了:单选,在需要的地方调用:/*参数对应context, 回调code, 传入的图片List, 可选的最大张数*/ FolderListActivity.startFolderListActivity(this, 1, null, 9);最后Activity的onActivityResult中接收返回的图片数据:List<ImageFolderBean> list = (List<ImageFolderBean>) data.getSerializableExtra("list");
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值