图片缩略图设置ImageView(XML设置)

在整体显示上使用的是GridView来实现的,这里使用的是simpleCursorAdapter类的数据适配,在进行适配的时候就是对ImageView控件进行适配的。

1) GridView控件的数据适配

public void initGridViewData(){
    String imgName=ImgDao.Properties.Imgname.columnName;
    String imgJianjie=ImgDao.Properties.Imgjianjie.columnName;
    String imgPath=ImgDao.Properties.Imgpath.columnName;
    String imgContent=ImgDao.Properties.Imgcontent.columnName;
    cursor = getDb().rawQuery("select _id,IMGNAME,IMGPATH from "+getImgDao().getTablename()+"",null);
    String []from=new String[]{imgName,imgPath};
    int []to=new int[]{R.id.imgName,R.id.imgPathDetails};
    SimpleCursorAdapter simpleCursorAdapter=new SimpleCursorAdapter(getBaseContext(),R.layout.adapter_picture_item,cursor,from,to);
    imgGrid.setAdapter(simpleCursorAdapter);
}

这里主要使用的是简单游标适配器。

2) GridView控件设定

<GridView
    android:id="@+id/imgGrid"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:columnWidth="100dp"
    android:numColumns="3"
    android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp"
    android:stretchMode="columnWidth"
    android:layout_marginTop="10dp"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp"
    android:gravity="center"
    
/>

GridView控件主要的属性就是numColumns属性,该属性的作用就是设置当前行显示的ImageView图片的个数,这里设置成3,表示的是一行显示的ImageView的个数是3个。

3) ImageView进行特殊设置

<com.sn.controlers.SNImageView
    android:id="@+id/imgPathDetails"
    android:layout_width="70dp"
    android:layout_height="70dp"
    android:layout_gravity="center"
    android:scaleType="centerCrop"
    android:padding="4dp"
    android:adjustViewBounds="true"
    android:src="@drawable/ankang"
   
/>

这里主要使用的属性是scaleTypeadjustViewBounds两个属性,这里的scaleType属性主要使用的值是centerCropfitXY两个值,当使用scaleType时,表示的是将图片缩略显示,当图片的大小小于当前的ImageView的值(主要是从长和宽的角度上说的),当图片的长和宽小于ImageView的长和宽的时候,此时的图片是全部显示的,当图片的长和宽的大小大于ImageView的长和宽时,则就按照当前的ImageView进行缩略显示,产生缩略图效果。

ImageViewandroid:adjustViewBounds属性为是否保持原图的长宽比,单独设置不起作用,需要配合maxWidthmaxHeight一起使用。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以帮您提供一个RecyclerView横向排列图片缩略图的自定义View的实现思路: 1. 首先,需要创建一个自定义View,继承自RecyclerView,用于显示横向排列的图片缩略图。 2. 接着,在自定义View的构造函数中,设置RecyclerView的LayoutManager为横向的LinearLayoutManager,并且禁用RecyclerView的滑动功能,使其只能通过手动滑动来切换图片。 3. 然后,创建一个自定义的Adapter,继承自RecyclerView.Adapter,并在其中实现对图片数据的加载和显示。 4. 在Adapter中,需要重写getItemCount()方法,返回图片的数量;同时,需要实现onCreateViewHolder()和onBindViewHolder()方法,分别创建和绑定ViewHolder,并在其中加载和显示图片。 5. 最后,在自定义View中,通过setAdapter()方法将自定义的Adapter设置给RecyclerView,从而完成图片的加载和显示。 下面是一个简单的示例代码,仅供参考: ```java public class ThumbnailRecyclerView extends RecyclerView { public ThumbnailRecyclerView(Context context) { super(context); init(); } public ThumbnailRecyclerView(Context context, @Nullable AttributeSet attrs) { super(context, attrs); init(); } public ThumbnailRecyclerView(Context context, @Nullable AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init(); } private void init() { setLayoutManager(new LinearLayoutManager(getContext(), LinearLayoutManager.HORIZONTAL, false)); setHasFixedSize(true); setNestedScrollingEnabled(false); } public void setImages(List<String> images) { ThumbnailAdapter adapter = new ThumbnailAdapter(getContext(), images); setAdapter(adapter); } private static class ThumbnailAdapter extends RecyclerView.Adapter<ThumbnailAdapter.ViewHolder> { private Context mContext; private List<String> mImages; public ThumbnailAdapter(Context context, List<String> images) { mContext = context; mImages = images; } @NonNull @Override public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(mContext).inflate(R.layout.item_thumbnail, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(@NonNull ViewHolder holder, int position) { String imageUrl = mImages.get(position); Glide.with(mContext).load(imageUrl).into(holder.mImageView); } @Override public int getItemCount() { return mImages.size(); } static class ViewHolder extends RecyclerView.ViewHolder { ImageView mImageView; public ViewHolder(@NonNull View itemView) { super(itemView); mImageView = itemView.findViewById(R.id.iv_thumbnail); } } } } ``` 在上述代码中,我们创建了一个自定义的RecyclerView,其中setImages()方法用于设置图片数据,ThumbnailAdapter用于加载和显示图片,item_thumbnail.xml用于定义每个图片的布局。您可以根据自己的需求进行修改和调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值