2015-01-08 44 views
1

我有一個自定義列表視圖適配器和2個佈局的XML文件中的一個標準視圖和一個當列表項被選中Android的 - 所選擇的自定義列表條目改變佈局視圖

我想它,我想出現如果我在列表中選擇一個項目,則會顯示更多數據,如果我選擇另一個項目,則先前選擇的項目將返回到默認值,因爲在任何給定時間只能選擇一個項目。

繼承人我試過,但它不工作,因爲我想,任何建議?

MainActivity.java文件

public class MainActivity extends Activity { 
ListView lv; 
List<ListViewItem> items; 
CustomListViewAdapter adapter; 

@Override 
public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 

    lv = (ListView) findViewById(R.id.listView); 
    items = new ArrayList<MainActivity.ListViewItem>(); 
    items.add(new ListViewItem() 
    {{ 
     ThumbnailResource = R.drawable.ic_launcher; 
     Title = "Item1"; 
     SubTitle = "Item1 Description"; 
     Detail1 =" more details"; 
     Detail2 ="01 123455"; 
    }}); 
    items.add(new ListViewItem() 
    {{ 
     ThumbnailResource = R.drawable.ic_launcher; 
     Title = "Item2"; 
     SubTitle = "Item2 Description"; 
     Detail1 ="additional details"; 
     Detail2 ="090 641123"; 
    }}); 

    adapter = new CustomListViewAdapter(this, items); 
    lv.setAdapter(adapter); 
    lv.setOnItemClickListener(new OnItemClickListener() { 
     @Override 
     public void onItemClick(AdapterView<?> parent, View view, int position, long id) { 

       adapter.selectedItem(position); 
       adapter.notifyDataSetChanged(); 
     } 
    }); 
} 


@Override 
public boolean onCreateOptionsMenu(Menu menu) { 
    getMenuInflater().inflate(R.menu.activity_main, menu); 
    return true; 
} 

class ListViewItem 
{ 
    public int ThumbnailResource; 
    public String Title; 
    public String SubTitle; 
    public String Detail1; 
    public String Detail2; 
} 

}

CustomListViewAdapter.java

package com.customlistview; 

import java.util.List; 

import com.customlistview.MainActivity.ListViewItem; 

import android.app.Activity; 
import android.content.Context; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.view.View.OnClickListener; 
import android.view.ViewGroup.LayoutParams; 
import android.widget.BaseAdapter; 
import android.widget.ImageView; 
import android.widget.ListView; 
import android.widget.RelativeLayout; 
import android.widget.TextView; 
import android.widget.Toast; 

public class CustomListViewAdapter extends BaseAdapter 
{ 

LayoutInflater inflater; 
List<ListViewItem> items; 
int position; 

public CustomListViewAdapter(Activity context, List<ListViewItem> items) { 
    super(); 

    this.items = items; 
    this.inflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
} 

@Override 
public int getCount() { 
    // TODO Auto-generated method stub 
    return items.size(); 
} 

@Override 
public Object getItem(int position) { 
    // TODO Auto-generated method stub 
    return null; 
} 

@Override 
public long getItemId(int position) { 
    // TODO Auto-generated method stub 
    return 0; 
} 
public void selectedItem(int position) 
{ 
    this.position = position; //position must be a global variable 
} 
@Override 
public View getView(final int position, View convertView, ViewGroup parent) { 
    // TODO Auto-generated method stub 


    ListViewItem item = items.get(position); 

    View vi=convertView; 
    View vi2=convertView; 


    if(convertView==null) 
     vi = inflater.inflate(R.layout.item_row, null); 


    ImageView imgView = (ImageView) vi.findViewById(R.id.imgThumbnail); 
    TextView txtTitle = (TextView) vi.findViewById(R.id.txtTitle); 
    TextView txtSubTitle = (TextView) vi.findViewById(R.id.txtSubTitle); 

    imgView.setImageResource(item.ThumbnailResource); 
    txtTitle.setText(item.Title); 
    txtSubTitle.setText(item.SubTitle); 

    if(this.position == position) 
    { 
     vi2 = inflater.inflate(R.layout.item_row_selected, null); 
     ImageView imgView2 = (ImageView) vi2.findViewById(R.id.imgThumbnail); 
     TextView txtTitle2 = (TextView) vi2.findViewById(R.id.txtTitle); 
     TextView txtSubTitle2 = (TextView) vi2.findViewById(R.id.txtSubTitle); 

     imgView2.setImageResource(item.ThumbnailResource); 
     txtTitle2.setText(item.Title); 
     txtSubTitle2.setText(item.SubTitle); 

     return vi2; 
    } 
      return vi; 
} 



} 

選中的XML

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
android:id="@+id/relativeLayout2" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:padding="5dip"> 

<ImageView 
    android:layout_width="78dip" 
    android:layout_height="78dip" 
    android:id="@+id/imgThumbnail" 
    android:layout_alignParentLeft="true" 
    android:layout_centerInParent="true" 
    android:layout_marginLeft="-3dip" 
    android:scaleType="centerInside"> 
</ImageView> 

<TextView 
    android:textAppearance="?android:attr/textAppearanceLarge" 
    android:layout_height="wrap_content" 
    android:text="TextView" 
    android:layout_width="wrap_content" 
    android:id="@+id/txtTitle" 
    android:layout_toRightOf="@+id/imgThumbnail" 
    android:layout_marginTop="6dip" 
    android:layout_marginLeft="6dip"> 
</TextView> 

<TextView 
    android:layout_height="wrap_content" 
    android:text="TextView" 
    android:layout_width="wrap_content" 
    android:id="@+id/txtSubTitle" 
    android:layout_toRightOf="@+id/imgThumbnail" 
    android:layout_below="@+id/txtTitle" 
    android:layout_marginTop="3dip" 
    android:layout_marginLeft="6dip"> 
</TextView> 

<TextView 
    android:id="@+id/txtdet1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignBaseline="@+id/txtSubTitle" 
    android:layout_alignBottom="@+id/txtSubTitle" 
    android:layout_toRightOf="@+id/txtTitle" 
    android:text="TextView" /> 

<TextView 
    android:id="@+id/txtdet2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignLeft="@+id/txtSubTitle" 
    android:layout_alignRight="@+id/TextView01" 
    android:layout_below="@+id/txtSubTitle" 
    android:text="TextView" /> 

<Button 
    android:id="@+id/btnaccept" 
    style="?android:attr/buttonStyleSmall" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignRight="@+id/imgThumbnail" 
    android:layout_below="@+id/txtdet2" 
    android:text="details" /> 

<Button 
    android:id="@+id/btndetails" 
    style="?android:attr/buttonStyleSmall" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignLeft="@+id/txtdet2" 
    android:layout_below="@+id/txtdet2" 
    android:text="cancel" /> 

標準配置XML

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
android:id="@+id/relativeLayout1" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:padding="5dip"> 

<ImageView 
    android:layout_width="78dip" 
    android:layout_height="78dip" 
    android:id="@+id/imgThumbnail" 
    android:layout_alignParentLeft="true" 
    android:layout_centerInParent="true" 
    android:layout_marginLeft="-3dip" 
    android:scaleType="centerInside"> 
</ImageView> 

<TextView 
    android:textAppearance="?android:attr/textAppearanceLarge" 
    android:layout_height="wrap_content" 
    android:text="TextView" 
    android:layout_width="wrap_content" 
    android:id="@+id/txtTitle" 
    android:layout_toRightOf="@+id/imgThumbnail" 
    android:layout_marginTop="6dip" 
    android:layout_marginLeft="6dip"> 
</TextView> 

<TextView 
    android:layout_height="wrap_content" 
    android:text="TextView" 
    android:layout_width="wrap_content" 
    android:id="@+id/txtSubTitle" 
    android:layout_toRightOf="@+id/imgThumbnail" 
    android:layout_below="@+id/txtTitle" 
    android:layout_marginTop="3dip" 
    android:layout_marginLeft="6dip"> 
</TextView> 

+0

爲什麼你不把兩個la youts,並簡單地隱藏/取消隱藏選擇項目的額外信息? – Rohit5k2

+1

您可以將兩個視圖合併到一個佈局文件中,也可以在onItemClick中切換可見性 – Simar

+0

我希望儘可能多地顯示列表中的項目,以便在點擊時增加行的高度,然後顯示其他信息。隱藏和取消隱藏信息將工作,如果我可以通過編程設置高度,但我似乎無法設置GetView的高度,因爲getLayoutParams返回null。另外我怎樣才能重新設置任何以前點擊行的高度。 –

回答

0

我一樣SIMAR建議,並增加了一個標誌到ListViewItem的切換知名度,我再切換這個標誌的項目的點擊我想要顯示或隱藏的控件

txtdet1.setVisibility(item.Expanded ? View.VISIBLE : View.GONE); 
相關問題