StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POAndroid Gallery with first thumbnail as coverpage
primarykey
Id
5654055
data
AcceptedAnswerId
5722701
AnswerCount
3
ClosedDate
CommentCount
5
CommunityOwnedDate
CreationDate
2011-04-13T18:51:06.887
FavoriteCount
0
LastActivityDate
2011-04-19T21:05:31.157
LastEditDate
2011-04-13T22:04:02.040
LastEditorUserId
302969
OwnerUserId
302969
ParentId
0
PostTypeId
1
Score
0
ViewCount
1130
LastEditorDisplayName
text
Body
Thanks for reading! Some background: I am building a Gallery app from the tutorial <a href="http://developer.android.com/resources/tutorials/views/hello-gallery.html" rel="nofollow">here</a> Only change I made to this code is to replace <code> i.setLayoutParams(new Gallery.LayoutParams(150, 100)); </code> with <code> i.setLayoutParams(new Gallery.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)); </code> to display only one gallery image at a time (Kinda like a slideshow viewer). Problem: I want the first thumbnail of the gallery to act as an Album Cover with two <code>TextView</code>'s to display Album info. Experiment: So, I created an <code>cover.xml</code> like this: <pre><code> <?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> </code></pre> And here's the Java code. I check in <code>getView()</code> if the position is 0 (the first thumbnail) and then play around with the views. <pre><code> 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; } } </code></pre> End Result: When the app loads up, I first see a blank screen for a while and then the view changes to display the AlbumCover. And it's painfully slow to scroll across the images. Hmm..obviously, I am doing something wrong. I sincerely hope someone could help me here :( Thanks! UPDATE: Adding <code>main.xml</code> <pre><code> <?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> </code></pre> UPDATE2: So, here's some psuedo code to explain what I am trying to achieve: <pre><code> if(position == 0) //show toptext and bottomtext from cover.xml else //show tvTitle1 and tvTitle2 (may later include tvTitle3 and tvTitle4) from main.xml </code></pre> Right now, only the position 0 case works and that too when I swipe to position 1 and swipe back to position 0 - the <code>TextView</code>s are grayed out and barely visible. :(
Tags
<android><gallery>
Title
Android Gallery with first thumbnail as coverpage
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USSagar Hatekar
UserOwnerUserId
1. USSagar Hatekar
plurals
PostLinksPostIdRelatedPostId
1. PL
 singulars
 LinkTypeLinkTypeId
 LTLinked
PostLinksRelatedPostIdPostId
1. PL
 singulars
 LinkTypeLinkTypeId
 LTLinked
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
3. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.