Listview On Multiple Button Clicks

Question

我在一个活动中有10个图像按钮。单击时每个按钮将在此布局中启动一个新活动我希望有一个列表视图不会填满整个布局。所以我猜它必须是一个自定义之一。

  package com.baha.beallhasall;

  import android.app.Activity;
  import android.content.Intent;
  import android.os.Bundle;
  import android.view.View;
  import android.view.View.OnClickListener;
  import android.widget.ArrayAdapter;
  import android.widget.ImageButton;
    import android.widget.ListView;

    public class FirstActivityPage extends Activity implements OnClickListener{

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.act_one);
    ImageButton btn1 = (ImageButton)findViewById(R.id.imageButton1);
    ImageButton btn2 = (ImageButton)findViewById(R.id.imageButton2);
    ImageButton btn3 = (ImageButton)findViewById(R.id.imageButton3);
    ImageButton btn4 = (ImageButton)findViewById(R.id.imageButton4);
    ImageButton btn5 = (ImageButton)findViewById(R.id.imageButton5);
    ImageButton btn6 = (ImageButton)findViewById(R.id.imageButton6);
    btn1.setOnClickListener(this);
    btn2.setOnClickListener(this);
    btn3.setOnClickListener(this);
    btn4.setOnClickListener(this);
    btn5.setOnClickListener(this);
    btn6.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
         switch(v.getId()){
        case R.id.imageButton1:
            Intent intent0 = new Intent(FirstActivityPage.this, FourActivityPage.class);
            startActivity(intent0);
            break;
        case R.id.imageButton2:
            Intent intent1 = new Intent(FirstActivityPage.this, FourActivityPage.class);
            startActivity(intent1);
            break;
        case R.id.imageButton3:
            Intent intent2 = new Intent(FirstActivityPage.this, FiveActivityPage.class);
            startActivity(intent2);
            break;
        case R.id.imageButton4:
            Intent intent3 = new Intent(FirstActivityPage.this, SixActivityPage.class);
            startActivity(intent3);
            break;
        case R.id.imageButton5:
            Intent intent4 = new Intent(FirstActivityPage.this, SevenActivityPage.class);
            startActivity(intent4);
            break;
        case R.id.imageButton6:
            Intent intent5 = new Intent(FirstActivityPage.this, ThirdActivityPage.class);
            startActivity(intent5);
            break;
    }
   }

private void setListAdapter(ArrayAdapter<String> arrayAdapter) {
    // TODO Auto-generated method stub

}

private ListView getListView() {
    // TODO Auto-generated method stub
    return null;
}
     }

这是我的第一个活动，点按了我的按钮。我可以在我自己的班级中查看我所有图片按钮活动的列表视图，而不是在这个案例声明中。因为我在想这里有什么我在这里使用按钮的所有代码都很好但我并不认为一个类应该处理所有这些代码。所以这是最好的方法。

http://img17.imageshack.us/img17/4936/0b8o.jpg此图片只是我的项目布局。

http://img594.imageshack.us/img594/9373/a7l8.png这张图片正是我试图用文字表达的，但由于我是这个代码世界的新手，所以更容易以这种方式向你们展示。

谢谢

新代码

      package com.example.testtest;

 import android.app.Activity;
 import android.content.Intent;
 import android.os.Bundle;
 import android.view.View;
 import android.view.View.OnClickListener;
 import android.widget.ArrayAdapter;
 import android.widget.ImageButton;
 import android.widget.ListView;

  public class MainActivity extends Activity implements OnClickListener{

  @Override
   protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.layout_of_button);
  ImageButton btn1 = (ImageButton)findViewById(R.id.imageButton1);
  ImageButton btn2 = (ImageButton)findViewById(R.id.imageButton2);
  ImageButton btn3 = (ImageButton)findViewById(R.id.imageButton3);
  ImageButton btn4 = (ImageButton)findViewById(R.id.imageButton4);
  ImageButton btn5 = (ImageButton)findViewById(R.id.imageButton5);
  ImageButton btn6 = (ImageButton)findViewById(R.id.imageButton6);
  btn1.setOnClickListener(this);
  btn2.setOnClickListener(this);
  btn3.setOnClickListener(this);
  btn4.setOnClickListener(this);
  btn5.setOnClickListener(this);
  btn6.setOnClickListener(this);
   }

   @Override
   public void onClick(View v) {
    switch(v.getId()) {
    // if one of the image buttons is pressed...
    case R.id.imageButton1:
    case R.id.imageButton2:
    case R.id.imageButton3:
    case R.id.imageButton4:
    case R.id.imageButton5:
    case R.id.imageButton6:   
        Intent intent = new Intent(this, Listviewact.class);
        // pass ID of pressed button to listview-activity
        intent.putExtra("buttonId", v.getId());  
        startActivity(intent);
        break;
    // here you could place handling of other clicks if necessary...        
    }
    }

    private void setListAdapter(ArrayAdapter<String> arrayAdapter) {
      // TODO Auto-generated method stub

   }

    private ListView getListView() {
     // TODO Auto-generated method stub
     return null;
 }
      }

listviewact

        package com.example.testtest;

  import android.app.Activity;
  import android.os.Bundle;
  import android.widget.ArrayAdapter;
  import android.widget.ImageView;
  import android.widget.ListView;

   public class Listviewact extends Activity {

public void onCreate(Bundle b) {
    super.onCreate(b);
    setContentView(R.layout.listview_layout);
  }

  public void onResume() {
    super.onResume();
    int buttonId = getIntent().getIntExtra("buttonId", 0);
    int buttonIdx = getButtonIdx(buttonId);

    // find and set image according to buttonId
    int imageId = IMAGE_IDS[buttonIdx];        // image to show for given button
    ImageView imageView = (ImageView)findViewById(R.id.imageView1);
    imageView.setImageResource(imageId);

    // find and set listview imtes according to buttonId
    String[] items = LISTVIEW_DATA[buttonIdx]; // listview items to show for given button
    ListView listView = (ListView)findViewById(R.id.listView1);
    ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, items);
    setListAdapter(adapter);
   }

    private void setListAdapter(ArrayAdapter adapter) {
    // TODO Auto-generated method stub

}

// a little helper to map ids to array indices 
   // to be able to fetch the correct image and listview data later
   private final static int[] BUTTON_IDS = new int[] {
    R.id.imageButton1, 
    R.id.imageButton2, 
    R.id.imageButton3, 
    R.id.imageButton4, 
    R.id.imageButton5, 
    R.id.imageButton6
  };

  // 6 images
  private final static int[] IMAGE_IDS = new int[] {
    R.drawable.ic_launcher,
    R.drawable.ic_launcher,
    R.drawable.ic_launcher,
    R.drawable.ic_launcher,
    R.drawable.ic_launcher,
    R.drawable.ic_launcher
  };

  // 6 different sets of strings for the listviews
   private final static String[][] LISTVIEW_DATA = new String[][] {
    {"First A", "First B", "First C"},
    {"Second A", "Second B", "Second C"},
    {"Third A", "Third B", "Third C"},
    {"Forth A", "Forth B", "Forth C"},
    {"Fifth A", "Fifth B", "Fifth C"},
    {"Sixth A", "Sixth B", "Sixth C"},
   };

   // map button id to array index
  static private int getButtonIdx(int id) {
    for(int i = 0; i<BUTTON_IDS.length; i++) {
        if (BUTTON_IDS[i] == id) return i;
    }
    return 0;    // should not happen
   }
   }

Listview xml

         <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="55dp"
    android:src="@drawable/ic_launcher" />

<ListView
    android:id="@+id/listView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/imageView1"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="125dp" >
  </ListView>

  </RelativeLayout>

我开始了这个新项目，因为我不想弄乱我的其他项目。我希望我能够接近但是当我点击第一个图像按钮时没有任何反应。

http://img836.imageshack.us/img836/1549/jo81.jpg logcat的

Answer 1

你想要实现的形象是一个好主意。

我建议您只有一秒钟的活动来显示您的布局，图片位于顶部，列表视图位于底部。您可以从第一个（图像按钮）活动将有关要显示的图像以及要在列表视图中显示的数据的信息传递给该活动。这是通过使用putExtra()方法将信息放入Intent对象来完成的。

然后在第二个活动中，您从Intent读取该信息，并通过设置图像并初始化Listview的适配器来相应地采取行动。

顺便说一句，您不需要为该布局设置自定义ListView，只需使用LinearLayout并将ImageView和ListView放入其中。

示例代码

我添加了一些示例代码，应该解释如何执行此操作。它没有经过测试，因此可能存在拼写错误或遗漏，但至少应该给你一个开始和想法如何去做。

主要活动

在您的主要活动中执行此操作，将按下的按钮的ID传递给listview-activity。

public void onClick(View v) {
    switch(v.getId()) {
    // if one of the image buttons is pressed...
    case R.id.imageButton1:
    case R.id.imageButton2:
    case R.id.imageButton3:
    case R.id.imageButton4:
    case R.id.imageButton5:
    case R.id.imageButton6:   
        Intent intent = new Intent(this, MyListViewActivity.class);
        // pass ID of pressed button to listview-activity
        intent.putExtra("buttonId", v.getId());  
        startActivity(intent);
        break;
    // here you could place handling of other clicks if necessary...        
    }
}

的 MyListViewActivity 的

这将是您的第二个活动，我在这里调用了ListViewActivity。在onResume（）中，我们检查intent中的额外数据（任何Activity都有一个Intent用于启动它）。

public MyListViewActivity extends Activity {

    public void onCreate(Bundle b) {
        super.onCreate(b);
        setContentView(R.layout.activity_mylistview);
    }

    public void onResume() {
        super.onResume();
        int buttonId = getIntent().getIntExtra("buttonId", 0);
        int buttonIdx = getButtonIdx(buttonId);

        // find and set image according to buttonId
        int imageId = IMAGE_IDS[buttonIdx];        // image to show for given button
        ImageView imageView = (ImageView)findViewById(R.id.imageView);
        imageView.setImageResource(imageId);

        // find and set listview imtes according to buttonId
        String[] items = LISTVIEW_DATA[buttonIdx]; // listview items to show for given button
        ListView listView = (ListView)findViewById(R.id.listView);
        ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, items);
        listView.setListAdapter(adapter);
    }

    // a little helper to map ids to array indices 
    // to be able to fetch the correct image and listview data later
    private final static int[] BUTTON_IDS = new int[] {
        R.id.imageButton1, 
        R.id.imageButton2, 
        R.id.imageButton3, 
        R.id.imageButton4, 
        R.id.imageButton5, 
        R.id.imageButton6
    };

    // 6 images
    private final static int[] IMAGE_IDS = new int[] {
        R.drawable.image1,
        R.drawable.image2,
        R.drawable.image3,
        R.drawable.image4,
        R.drawable.image5,
        R.drawable.image6
    };

    // 6 different sets of strings for the listviews
    private final static String[][] LISTVIEW_DATA = new String[][] {
        {"First A", "First B", "First C"},
        {"Second A, "Second B", Second C"},
        {"Third A, "Third B", Third C"},
        {"Forth A, "Forth B", Forth C"},
        {"Fifth A, "Fifth B", Fifth C"},
        {"Sixth A, "Sixth B", Sixth  C"},
    };

    // map button id to array index
    static private int getButtonIdx(int id) {
        for(int i = 0; i<BUTTON_IDS.length; i++) {
            if (BUTTON_IDS[i] == id) return i;
        }
        return 0;    // should not happen
    }
}

*的 activity_mylistview.xml *

第二张图片中您想要的布局的一个简单示例，您需要改进它。

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
>
    <ImageView
       android:id="imageView"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
    />
    <ListView
       android:id="listView"
       android:layout_width="fill_parent"
       android:layout_height="0dp"
       android:layout_weight="1"
    />
</LinearLayout>