Android自定義圖庫視圖，設置自己的邊框

Question

我已經實現了GalleryView。我想在圖庫中的選定圖像上顯示邊框圖像。

Gallery ga = (Gallery)findViewById(R.id.Gallery01); 
    ga.setAdapter(new ImageAdapter(this));//, android.R.layout.simple_list_item_1, items)); 

    imageView = (ImageView)findViewById(R.id.ImageView01); 
    ga.setOnItemClickListener(new OnItemClickListener() { 

     @Override 
     public void onItemClick(AdapterView<?> adapter, View view, int location, 
       long arg3) { 
      imageView.setImageResource(items.get(location)); 

      final ImageView iv = (ImageView) adapter.getSelectedView(); 
      iv.setBackgroundResource(R.drawable.large_button_sel_liner); 
     } 
    }); 

我的適配器類

class ImageAdapter1 extends ArrayAdapter<Integer> { 

    private Context ctx; 
    private List<Integer> items; 

    public ImageAdapter1(Context context, int textViewResourceId, 
      List<Integer> objects) { 
     super(context, textViewResourceId, objects); 
     items = objects; 
     ctx = context; 
    } 

    @Override 
    public int getCount() { 
     return items.size(); 
    } 

    @Override 
    public View getView(int position, View convertView, ViewGroup parent) { 
     final ImageView iv = new ImageView(ctx); 
     iv.setImageResource(items.get(position)); 
     iv.setScaleType(ImageView.ScaleType.FIT_XY); 
     iv.setLayoutParams(new Gallery.LayoutParams(150,120)); 

     return iv; 
    } 
}! 

這是完全搗碎。

Answer 1

我已經得到了使用Selector的解決方案。

我在getView（）創建galleryselector.xml

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_selected="true" 
        android:drawable="@drawable/large_button_sel_liner"/> 
    <item android:drawable="@android:color/transparent" /></selector> 

，並設置在適配器類：

imageView.setBackgroundDrawable(getResources().getDrawable(R.drawable.galleryselector)); 

Answer 2

發生了什麼，我在過去的工作是創建跟蹤點擊選擇一個整數，然後應用在getView（）方法的背景下，如果位置點擊選擇一致。所以（大約）：

Integer selectedLocation = null; 

@Override 
     public void onItemClick(AdapterView<?> adapter, View view, int location, 
       long arg3) { 
      selectedLocation = location; 
     } 

然後在適配器查看：

@Override 
public View getView(int position, View convertView, ViewGroup parent) { 
    final ImageView iv = new ImageView(ctx); 
    iv.setImageResource(items.get(position)); 
    iv.setScaleType(ImageView.ScaleType.FIT_XY); 
    iv.setLayoutParams(new Gallery.LayoutParams(150,120)); 
    if(position == selectedLocation){ 
      iv.setBackgroundResource(R.drawable.large_button_sel_liner); 
    }else{ 
      iv.setBackgroundResource(0); 
    } 

    return iv; 
} 

您可能需要做一些更多的工作軌道向右選擇（點擊位置和位置可能不使用正確的變量），但其他類似的東西應該可以工作。

Answer 3

通過Nishant Shan's reply啓發，我闡述自己的解決方案：

第一總之，創建一個邊框資源：common_galleryborder_shape.xml：

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" > 
    <corners 
     android:radius="2dp" 
    /> 
    <solid 
     android:color="@android:color/transparent" 
    /> 
    <stroke 
     android:width="2dp" 
     android:color="@android:color/black" 
    /> 
</shape> 

然後創建一個使用這個形狀的選擇：common_gallerycurrentitem_selector.xml

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android" > 
    <item 
     android:state_selected="true" 
     android:drawable="@drawable/common_galleryborder_shape" 
    /> 
    <item 
     android:drawable="@android:color/transparent" 
    /> 
</selector> 

最後，該代碼添加到您的適配器類：

public View getView(int position, View convertView, ViewGroup parent) { 
    ImageView imageView = new ImageView(mContext); 

    Integer drawableId = items.get(position); 
    Drawable drawable = ctx.getResources().getDrawable(drawableId); 
    int width = drawable.getIntrinsicWidth(); 
    int height = drawable.getIntrinsicHeight(); 

    imageView.setImageResource(drawableId); 
    //sets image size to same size of true image 
    imageView.setLayoutParams(new Gallery.LayoutParams(width, height)); 
    imageView.setScaleType(ImageView.ScaleType.FIT_XY); 
    //add a padding for the border 
    int padding = dipToPx(mContext, 2); 
    imageView.setPadding(padding, padding, padding, padding); 
    imageView.setBackgroundResource(R.drawable.common_gallerycurrentitem_selector); 

    return imageView; 
} 

// ----------------------------------------- Private Methods 

/** 
* Convert a dimension in dip to px 
* @param context 
* @param dip 
* @return px 
*/ 
private int dipToPx(Context context, int dip) { 
    return (int) (dip * context.getResources().getDisplayMetrics().density); 
}  

此外，爲還可以設置Gallery.setSpacing（int）值以避免圖庫內部的圖像重疊。