android开发 根据上传图片张数变换不同的布局

我们在QQ发表说说图片的时候,发现所发图片张数不同,布局也是不同的。今天在做类似的功能时候,研究了一下;

一张图片的时候:按图片比例显示;

二张图片的时候:每张图片宽带占屏宽1/2,高度为宽度大小;

三张图片的时候:每张图片宽带占屏宽1/3,高度为宽度大小;

四张图片的时候:每张图片宽带占屏宽1/2,高度为宽度大小,两行;

五张图片的时候:每张图片宽带占屏宽1/3,高度为宽度大小,两行;

六张图片的时候:每张图片宽带占屏宽1/3,高度为宽度大小,两行;

七张图片的时候:每张图片宽带占屏宽1/3,高度为宽度大小,三行;

如此类推,九张为上限。

根据以上分析,选用gridview完成;

以下是gridview的自定义adpater:

//自定义适配器 

public class Adapter_GridView extends BaseAdapter {

// 上下文对象

private Context context;

// 图片数组

private List<String> url;

private LayoutParams layoutParams;

private int mImageWidth2;

private int mImageWidth3;


public Adapter_GridView(Context context, List<String> url) {

this.context = context;

this.url = url;

WindowManager wm = (WindowManager) context

.getSystemService(Context.WINDOW_SERVICE);

DisplayMetrics outMetrics = new DisplayMetrics();

wm.getDefaultDisplay().getMetrics(outMetrics);

mImageWidth3 = (int) ((outMetrics.widthPixels -12* outMetrics.density)/3);

mImageWidth2 = (int) ((outMetrics.widthPixels -12* outMetrics.density)/2);

// layoutParams = new GridView.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);

// layoutParams.setMargins(1,1,1,1);//4个参数按顺序分别是左上右下

}


public int getCount() {

return url == null ? 0 : url.size();

}


public Object getItem(int item) {

return item;

}


public long getItemId(int id) {

return id;

}


// 创建View方法

public View getView(int position, View convertView, ViewGroup parent) {

ImageView imageView;

if (convertView == null) {

imageView = new ImageView(context);

switch (url.size()) {

case 1:

imageView.setLayoutParams(new GridView.LayoutParams(GridView.LayoutParams.WRAP_CONTENT,GridView.LayoutParams.WRAP_CONTENT));// 设置ImageView对象布局

break;

case 2:

imageView.setLayoutParams(new GridView.LayoutParams(mImageWidth2,mImageWidth2));

break;

case 4:

imageView.setLayoutParams(new GridView.LayoutParams(mImageWidth2,mImageWidth2));

break;

default:

imageView.setLayoutParams(new GridView.LayoutParams(mImageWidth3,mImageWidth3));// 设置ImageView对象布局

break;

}

imageView.setAdjustViewBounds(false);// 设置边界对齐

imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);// 设置刻度的类型

// imageView.setPadding(4, 4, 4, 4);// 设置间距

} else {

imageView = (ImageView) convertView;

}

ImageLoader.getInstance().displayImage(url.get(position), imageView, SoftApplication.imageOptions);

return imageView;

}

}


上效果图:

 

 

注意事项:

1.由于gridview控件是放在listview上的,所以gridview要重写

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { }

2.listview的adpater中,先要根据图片的张数,提前设置好gridview的行数;

if (xiaowo.getUrl() != null) {

switch (xiaowo.getUrl().size()) {

case 1:

holder.gridView1.setNumColumns(1);

break;

case 2:

holder.gridView1.setNumColumns(2);

break;

case 4:

holder.gridView1.setNumColumns(2);

break;

default:

holder.gridView1.setNumColumns(3);

break;

}

holder.gridView1.setVisibility(View.VISIBLE);

holder.gridView1.setAdapter(new Adapter_GridView(ctx, xiaowo

.getUrl()));

}else{

holder.gridView1.setVisibility(View.GONE);

}



发布了15 篇原创文章 · 获赞 1 · 访问量 2万+
展开阅读全文

如何实现 android 顺序播放图片时,每张图片不同动画效果?

12-31

已经定义了几种动画效果如 slide_out_left.xml、 slide_out_right.xml、 zoom_in.xml、 zoom_out.xml、 shake.xml等, 并实现了多张图片使用同一种动画效果(如shake)自动的顺序播放。现在想实现的效果大致是: picture1 执行slide_out_left, picture2 执行slide_out_right, picture3 执行zoom_in, picture4 执行shake, picture5 执行zoom_out, 自动顺序播放。 不知道如何解决了, Handler handler = new Handler(){ @Override public void handleMessage(Message msg) { // TODO Auto-generated method stub imageSwitcher.setImageDrawable(list.get(msg.arg1)); //String lastanim; super.handleMessage(msg); Log.i(TAG, "<-----list.get(msg.arg1)---->"+list.get(msg.arg1)+"<------msg.arg1------>"+msg.arg1); Animation anim; switch (msg.arg1){ case 0: anim=AnimationUtils.loadAnimation(MainActivity.this,R.anim.slide_in_right); imageSwitcher.startAnimation(anim); case 1: anim=AnimationUtils.loadAnimation(MainActivity.this,R.anim.shake); imageSwitcher.startAnimation(anim); case 2: anim=AnimationUtils.loadAnimation(MainActivity.this,R.anim.slide_out_left); imageSwitcher.startAnimation(anim); // case 3: // anim=AnimationUtils.loadAnimation(MainActivity.this,R.anim.slide_top_to_bottom); // imageSwitcher.startAnimation(anim); // case 4: // anim=AnimationUtils.loadAnimation(MainActivity.this,R.anim.zoom_enter); // imageSwitcher.startAnimation(anim); // case 5: // anim=AnimationUtils.loadAnimation(MainActivity.this,R.anim.cycle_7); // imageSwitcher.startAnimation(anim); // case 6: // anim=AnimationUtils.loadAnimation(MainActivity.this,R.anim.push_up_in); // imageSwitcher.startAnimation(anim); //case 7: // Animation anim7=AnimationUtils.loadAnimation(MainActivity.this,R.anim.push_left_in); // imageSwitcher.startAnimation(anim7); default: break; } } }; public class MyThread implements Runnable{ @Override public void run() { // TODO Auto-generated method stub while (true) { try { Thread.sleep(3000); index ++; if(index>=list.size()){ index = 0; } Message message = new Message(); message.arg1 = index; message.what = 1; handler.sendMessage(message); } catch (InterruptedException e) { // TODO Auto-generated catch block e.printStackTrace(); } } } } 按照这样的方法并不能实现我要的效果。请问我做的哪里不对? 问答

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览