带有第一个缩略图作为封面的Android Gallery

| 谢谢阅读! 一些背景: 我正在从此处的教程构建Gallery应用程序 我对此代码所做的唯一更改是替换
 
i.setLayoutParams(new Gallery.LayoutParams(150, 100));
 
i.setLayoutParams(new Gallery.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
一次仅显示一个画廊图像(像幻灯片播放器那样的Kinda)。 问题: 我希望图库的第一个缩略图充当带有两个two2ѭ的专辑封面,以显示专辑信息。 实验: 所以,我这样创建了一个
cover.xml
 
<?xml version=\"1.0\" encoding=\"utf-8\"?>
<RelativeLayout xmlns:android=\"http://schemas.android.com/apk/res/android\"
    android:layout_width=\"fill_parent\" android:layout_height=\"fill_parent\"
    android:padding=\"6dip\">
    <ImageView android:id=\"@+cover/imgImage\" android:adjustViewBounds=\"true\"
        android:layout_width=\"fill_parent\" android:layout_height=\"fill_parent\">
    </ImageView>
    <TextView android:id=\"@+cover/tvCoverText1\"
        android:layout_width=\"fill_parent\" android:layout_height=\"wrap_content\"
        android:maxLines=\"2\" android:text=\"Text1\" />
    <TextView android:id=\"@+cover/tvCoverText2\"
        android:layout_width=\"fill_parent\" android:layout_height=\"wrap_content\"
        android:singleLine=\"true\" android:maxLines=\"1\" android:layout_below=\"@cover/tvCoverText1\"
        android:text=\"Text2\" />
</RelativeLayout>
这是Java代码。我在
getView()
中检查位置是否为0(第一个缩略图),然后在视图中播放。
package com.sagar.sample;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

public class Main extends Activity {

    private LayoutInflater mInflater = null;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        Gallery g = (Gallery) findViewById(R.main.gallery);
        g.setAdapter(new ImageAdapter(this));

        g.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(AdapterView parent, View v, int position, long id) {
                Toast.makeText(Main.this, \"\" + position, Toast.LENGTH_SHORT).show();
            }
        });
    }

    public class ImageAdapter extends BaseAdapter {
        int mGalleryItemBackground;
        private Context mContext;

        private Integer[] mImageIds = {
                0, R.drawable.bp1, R.drawable.bp2, R.drawable.bp3 
        };

        public ImageAdapter(Context c) {
            mContext = c;
            mInflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
//            TypedArray a = obtainStyledAttributes(R.styleable.HelloGallery);
//            mGalleryItemBackground = a.getResourceId(
//                    R.styleable.HelloGallery_android_galleryItemBackground, 0);
//            a.recycle();
        }

        public int getCount() {
            return mImageIds.length;
        }

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

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

        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder viewHolder;
            View view = convertView;
            if(view == null) {
                view = mInflater.inflate(R.layout.cover, null);

                viewHolder = new ViewHolder();
                viewHolder.tvCoverText1 = (TextView)view.findViewById(R.cover.tvCoverText1);
                viewHolder.tvCoverText2 = (TextView)view.findViewById(R.cover.tvCoverText2);
                viewHolder.imgView = (ImageView)view.findViewById(R.cover.imgImage);
                view.setTag(viewHolder);             
            }
            else {
                viewHolder = (ViewHolder)view.getTag();
            }

            if(position == 0) {
                viewHolder.tvCoverText1.setVisibility(View.VISIBLE);
                viewHolder.tvCoverText2.setVisibility(View.VISIBLE);
                viewHolder.imgView.setVisibility(View.GONE);
            }
            else {
                viewHolder.tvCoverText1.setVisibility(View.GONE);
                viewHolder.tvCoverText2.setVisibility(View.GONE);
                viewHolder.imgView.setVisibility(View.VISIBLE);
                //viewHolder.imgView = new ImageView(mContext);
                viewHolder.imgView.setImageResource(mImageIds[position]); //Album cover is at 0th position
                viewHolder.imgView.setLayoutParams(new Gallery.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
                viewHolder.imgView.setScaleType(ImageView.ScaleType.FIT_XY);
                viewHolder.imgView.setBackgroundResource(mGalleryItemBackground);
            }
            return view;
        }
    }

    static class ViewHolder {
        TextView tvCoverText1, tvCoverText2;
        ImageView imgView;
    }
}
最终结果: 应用加载后,我首先会看到空白屏幕一会儿,然后视图更改为显示AlbumCover。而且,滚动查看图像的速度非常慢。 嗯..显然是我做错了。我衷心希望有人可以在这里帮助我:( 谢谢! 更新:加
main.xml
<?xml version=\"1.0\" encoding=\"utf-8\"?>
<RelativeLayout xmlns:android=\"http://schemas.android.com/apk/res/android\"
    android:layout_width=\"fill_parent\" android:layout_height=\"fill_parent\">
    <Gallery
        android:id=\"@+main/gallery\"
        android:layout_width=\"fill_parent\" android:layout_height=\"fill_parent\"
    />
</RelativeLayout>
UPDATE2:因此,这里有一些伪代码来说明我要实现的目标:
if(position == 0)
    //show toptext and bottomtext from cover.xml
else
    //show tvTitle1 and tvTitle2 (may later include tvTitle3 and tvTitle4) from main.xml
现在,只有位置0的大小写有效,当我滑动到位置1并滑动回到位置0时也是如此--2ѭ变灰并且几乎看不到。 :(     
已邀请:
您需要每次都在textview中设置文本,而不仅是在给视图充气时。     
您可能应该有1个单个布局文件,该文件在库中包含ui组件。现在,您有2个
TextView
组件,它们独立于
Gallery
。而是创建一些布局资源,如下所示:
gallery_item.xml
<?xml version=\"1.0\" encoding=\"utf-8\"?>
<RelativeLayout
xmlns:android=\"http://schemas.android.com/apk/res/android\"
android:layout_width=\"fill_parent\"
android:layout_height=\"fill_parent\">
<ImageView
    android:id=\"@+id/imageView\"
    android:layout_width=\"fill_parent\"
    android:layout_height=\"fill_parent\"
    android:adjustViewBounds=\"true\"
    android:background=\"@android:drawable/picture_frame\"
    android:layout_centerInParent=\"true\" />
    <TextView 
        android:id=\"@+main/tvTitle1\" android:text=\"Title 1\"
        android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\"
        android:layout_above=\"@+main/tvTitle2\">
    </TextView>
    <TextView  
        android:id=\"@+main/tvTitle2\" android:text=\"Title 2\"
        android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\"
        android:layout_alignParentBottom=\"true\" android:layout_alignParentLeft=\"true\">
     </TextView>
</RelativeLayout>
因此,在您的
getView
中:
        View v = convertView;
        if(v == null) {
            LayoutInflater vi = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            v = vi.inflate(R.layout.gallery_item, null);

            holder = new ViewHolder();
            holder.text1 = (TextView)v.findViewById(R.id.tvTitle1);
            holder.text2 = (TextView)v.findViewById(R.id.tvTitle2);
            holder.imageView = (ImageView)v.findViewById(R.id.imageView);

            v.setTag(holder);
        }
        else
            holder = (ViewHolder)v.getTag();

        if(position == 0) {
          holder.text1.setVisibility(View.VISIBLE);
          holder.text2.setVisibility(View.VISIBLE);
          holder.imageView.setVisibility(View.GONE);
        }
        else {
          holder.text1.setVisibility(View.GONE);
          holder.text2.setVisibility(View.GONE);
          holder.imageView.setVisibility(View.VISIBLE);
        }

        return v;
您可能会发现在滚动项目时会发生一些奇怪的行为,因此您可能必须直接访问每个UI组件而不是使用Holder:
((TextView)v.findViewById(R.id.tvTitle1)).setVisibility(View.GONE);
等 您可能还想对ѭ15设置不同类型的视图:http://developer.android.com/reference/android/widget/Adapter.html#getItemViewType(int)     
在尝试了这里提出的所有方法之后,我仍然无法以自己想要的方式获得定制画廊。我一直碰到into19ѭ。因此,这就是到目前为止对我有用的东西。这只是一种解决方法,以防万一有人想出一种更好的方法来设计自定义画廊-请在此处发布您的答案,以便我接受。 感谢您的帮助!     

要回复问题请先登录注册