锭床工人用文本和图标

时间:2011-05-03 09:02:46

标签: android text icons spinner

我需要制作一个带有文字和图标的微调器..我怎么能这样做?我现在只是如何将相同的图标放到微调器的所有行上..我需要为每一行添加不同的图标..

2 个答案:

答案 0 :(得分:3)

这是main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <Spinner android:id="@+id/spinner"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>

这是textandicon.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <ImageView android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/icon"/>
    <TextView android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ABC"/>
</LinearLayout>

这是活动: -

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.widget.BaseAdapter;
import android.widget.Spinner;

public class SpinnerPractice extends Activity {
    Spinner spinner;
    LayoutInflater inflator;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        spinner = (Spinner) findViewById(R.id.spinner);
        spinner.setAdapter(new NewAdapter());
        inflator = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }

    class NewAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            return 26;
        }

        @Override
        public Object getItem(int arg0) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            if (convertView == null) {
                convertView = inflator.inflate(R.layout.textandicon, null);
            }
            return convertView;
        }

    }
}

希望这有帮助。

答案 1 :(得分:-2)

执行此操作的简单方法是使用使用this constructor创建的ArrayAdapter。第二个和第三个参数是每行布局的ID(您可以在XML文件中定义),以及该布局中可以代表您的项目的文本字段的ID。

例如,您可以使用这样定义的布局(row.xml):

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
      <ImageView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:src="@drawable/icon"/>
      <TextView
          android:id="@+id/weekofday"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"/>
</LinearLayout>

然后您可以像这样创建ArrayAdapter:

package com.exercise.AndroidCustomSpinner;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.Spinner;

public class AndroidCustomSpinner extends Activity {

    String[] DayOfWeek = {"Sunday", "Monday", "Tuesday",
          "Wednesday", "Thursday", "Friday", "Saturday"};

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

      Spinner mySpinner = (Spinner)findViewById(R.id.spinner);
      ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
        R.layout.row, R.id.weekofday, DayOfWeek);
      mySpinner.setAdapter(adapter);
    }
}

请注意将行布局定义为ArrayAdapter<String>(this, R.layout.row, R.id.weekofday, DayOfWeek);的调用R.layout.row,显示数据R.id.weekofday的文本字段和数组DayOfWeek的数据。

唯一的缺点是你不能改变每个项目的图标......如果你想这样做,你想要覆盖BaseAdapter.getView()来为每一行创建(或重用)一个视图。微调器的方式与ListView的方式非常相似。关于如何做到这一点,有数百个教程。

相关问题