Android UI学习 - GridView和ImageView的使用-低调大师

Android UI学习 - GridView和ImageView的使用

2017-11-21 508

GridView: A view that shows items in two-dimensional scrolling grid. The items in the grid come from the ListAdapter associated with this view. 简单说GridView就是我们资源管理器平常见到的一个个文件的icon显示方式。

上面提及到了GridView的Item是来自ListAdapter的所以一般在Activity的onCreate使用GridView的代码

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.grid_2);
GridView g = (GridView) findViewById(R.id.myGrid);
g.setAdapter(new ImageAdapter(this));
}

而ImageAdapter一般是extends BaseAdapter。BaseAdapter是implements ListAdapter SpinnerAdapter但很多时候自定义的Adapter都是override ListAdapter的父类Adapter接口里面的方法

int getCount() 获取当前Adapter的Items数目

Object getItem(int position) 获取相应position的Item

long getItemId(int position) 获取相应position的Item在List中的row id

View getView(int position, View convertView, ViewGroup parent) 获取在指定position所要显示的data的View

这些方法函数和swing的差不多都是基于MVC。大概原理过程是这样的程序需要显示GridView那么要把data一个一个地显示出来是通过一个for循环首先call Adapter.getCount()得到有多少个data然后position++地getItemgetView得到要显示的view,这样子逐一地显示出来

下面是官方sample里面的Photo Grid的例子本人省略了某些代码

public class ImageAdapter extends BaseAdapter {
public ImageAdapter(Context c) {
mContext = c;
}
public int getCount() {
return mThumbIds.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 imageView;
if (convertView == null) {
imageView = new ImageView(mContext);
imageView.setLayoutParams(new GridView.LayoutParams(45, 45));//设置ImageView宽高
imageView.setAdjustViewBounds(false);
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
imageView.setPadding(8, 8, 8, 8);
} else {
imageView = (ImageView) convertView;
}
imageView.setImageResource(mThumbIds[position]);
return imageView;
}
private Context mContext;
private Integer[] mThumbIds = {
R.drawable.sample_thumb_0, R.drawable.sample_thumb_1,
R.drawable.sample_thumb_2, R.drawable.sample_thumb_3,
R.drawable.sample_thumb_4, R.drawable.sample_thumb_5,
R.drawable.sample_thumb_6, R.drawable.sample_thumb_7
};
}

留意getView里面的代码要判断convertView是否为null以便重用减少对象的创建减少内存占用。

XML布局文件内容原来就只是指明GridView

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/myGrid"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="10dp"
android:verticalSpacing="10dp"
android:horizontalSpacing="10dp"
android:numColumns="auto_fit"
android:columnWidth="60dp"
android:stretchMode="columnWidth"
android:gravity="center"
/>

可以看到getView和ImageView是重点影响图片的显示效果。而且发现列数是不确定的取决于每个ImageView的宽度和屏幕的宽度。接下来看看ImageView。

ImageViewDisplays an arbitrary image, such as an icon. The ImageView class can load images from various sources (such as resources or content providers), takes care of computing its measurement from the image so that it can be used in any layout manager, and provides various display options such as scaling and tinting。 ImageView就是用来显示Imageicon的。

这里我们重点理解ImageView的属性android:scaleType即ImageView.setScaleType(ImageView.ScaleType)。android:scaleType是控制图片如何resized/moved来匹对ImageView的size。ImageView.ScaleType / android:scaleType值的意义区别

CENTER /center 按图片的原来size居中显示当图片长/宽超过View的长/宽则截取图片的居中部分显示

CENTER_CROP / centerCrop 按比例扩大图片的size居中显示使得图片长(宽)等于或大于View的长(宽)

CENTER_INSIDE / centerInside 将图片的内容完整居中显示通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽

FIT_CENTER / fitCenter 把图片按比例扩大/缩小到View的宽度居中显示

FIT_END / fitEnd 把图片按比例扩大/缩小到View的宽度显示在View的下部分位置

FIT_START / fitStart 把图片按比例扩大/缩小到View的宽度显示在View的上部分位置

FIT_XY / fitXY 把图片不按比例扩大/缩小到View的大小显示

MATRIX / matrix 用矩阵来绘制

一开始我不明白MATRIX矩阵网上搜索后发现原来MATRIX矩阵可以动态缩小放大图片来显示这里不展开深入的了解只是贴出相关语句缩小图片

//获得Bitmap的高和宽
int bmpWidth=bmp.getWidth();
int bmpHeight=bmp.getHeight();
//设置缩小比例
double scale=0.8;
//计算出这次要缩小的比例
scaleWidth=(float)(scaleWidth*scale);
scaleHeight=(float)(scaleHeight*scale);
//产生resize后的Bitmap对象
Matrix matrix=new Matrix();
matrix.postScale(scaleWidth, scaleHeight);
Bitmap resizeBmp=Bitmap.createBitmap(bmp, 0, 0, bmpWidth, bmpHeight, matrix, true);

应用ImageView的例子很多看看上次FrameLayout里面的

<ImageView
android:id="@+id/image"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scaleType="center"
android:src="@drawable/candle"
/>

** 要注意一点我发现Drawable文件夹里面的图片命名是不能大写的。

本文转自 Icansoft 51CTO博客原文链接 http://blog.51cto.com/android/316255

微信关注我们

原文链接：https://yq.aliyun.com/articles/422035

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

[Android Studio] Android Studio如何提示函数用法

Eclipse有一个很好的功能，就是当你代码调用某个android API时，鼠标移到对应的函数或者方法上，就会自动有一个悬浮窗提示该函数的说明（所包含的参数含义，该方法功能）。迁移到Android Studio后，这个鼠标移到函数上，你发现悬浮窗不出来了，各种不习惯啊。那在Android Studio到底如何查看函数的说明呢。选中你要查看的函数，比如我要查看底下函数使用说明，先选中，然后按F2，嘎嘎，悬浮窗就出来了. 分类: Android Studio 本文转自demoblog博客园博客，原文链接http://www.cnblogs.com/0616--ataozhijia/p/3866844.html如需转载请自行联系原作者 demoblog

2017-11-22

452

以下是本次Google I/O大会发布的IDE Android Studio使用教程第二篇：在Android Studio使用教程（一）中简要介绍了Android Studio的基本使用，包括安装、新建工程、工程结构以及主题设置。今天接着讲第二篇，主要包括如下内容：从Eclipse导入工程到Android Studio Eclipse工程与Android Studio的区别真机运行以及常用快捷键需要重申一下，我所有的操作与版本是基于Mac系统，在Windows上的同学基本类似（作为一个技术人员，这些应该都不是问题），下面就分主题开始吧：一、从Eclipse导入工程到Android Studio 根据官方的介绍，Android Studio可以兼容Eclipse的现有工程，但需要做一些操作：首先升级ADT到最新版本，目前为版本号为22（注意和ADT相关的组件最好一并升级，避免后期可能出现的错误）选择需要从Eclipse导出的工程，右键选择Export并选择Android下的Generate Gradle Build Files（如下图）：选择完毕后并不会导出到其他地方，...

2017-11-22

627

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Eclipse

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。

JDK

JDK是 Java 语言的软件开发工具包，主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心，它包含了JAVA的运行环境（JVM+Java系统类库）和JAVA工具。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。