Пользовательские макеты Android с вашим собственным ArrayAdapter

Измените класс featured

 private Boolean featured;

Добавьте функцию получения:

 public Boolean getFeatured(){return featured; }

Вам также необходимо добавить его в конструктор, чтобы убедиться, что переданные данные содержат эту дополнительную информацию.

 this.featured = featured;

Например, установите свойство id 1, чтобы оно было добавлено, а остальные оставьте как есть.

Скопируйте файл property_layout.xml и переименуйте его в property_layout_alt.xml . Внесите любые изменения, которые вы хотите, я выделил адрес и цену на красном фоне.

Внутри класса MainActivitygetView

 //conditionally inflate either standard or special template
View view;
if(property.getFeatured() == true){
    view = inflater.inflate(R.layout.property_layout_alt, null);
}else{
    view = inflater.inflate(R.layout.property_layout, null);
}

Вы проверяете, есть ли он, и загружаете ли он новый файл property_layout_alt.xml (который содержит новые визуальные изменения)

При запуске вы должны увидеть что-то вроде этого, с выделенными свойствами, используя альтернативный макет

Бонус — обработка событий кликов для вашего ArrayAdapter

Теперь, когда ваш контент отображается в великолепно выглядящем списке, вы можете отслеживать события кликов, чтобы запускать такие действия, как переход к новому действию.

Вернитесь к методу onCreateMainActivity

 //add event listener so we can handle clicks
AdapterView.OnItemClickListener adapterViewListener = new AdapterView.OnItemClickListener() {

    //on click
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

        Property property = rentalProperties.get(position);

        Intent intent = new Intent(MainActivity.this, DetailActivity.class);
        intent.putExtra("streetNumber", property.getStreetNumber());
        intent.putExtra("streetName", property.getStreetName());
        intent.putExtra("suburb", property.getSuburb());
        intent.putExtra("state", property.getState());
        intent.putExtra("image", property.getImage());
        intent.putExtra("bedrooms", property.getBedrooms());
        intent.putExtra("bathrooms", property.getBathrooms());
        intent.putExtra("carspots", property.getCarspots());
        intent.putExtra("description", property.getDescription());

        startActivity(intent);
    }
};
//set the listener to the list view
listView.setOnItemClickListener(adapterViewListener);

Вы создаете новый объект onItemClickListeneronItemClick

В этом примере вы получаете свойство из списка арендуемых свойств, а затем устанавливаете дополнительные свойства Intent через объект Intent После того, как вы настроили дополнительные функции, вы можете начать следующее действие, Детальное задание.

Когда пользователь щелкает элемент, он переходит в детальное действие. Чтобы добавить действие в файл манифеста проекта:

 <activity
  android:name=".DetailActivity"                      
  android:name=".DetailActivity"
  android:parentActivityName=".MainActivity"                  android:label="Rental Detail">
</activity>

В следующем упражнении вы можете получить дополнительные функции, переданные на этапе намерения, создавая ваше детальное действие.

Вот класс DetailActivity

 public class DetailActivity extends AppCompatActivity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.detail_layout);

        //set the back (up) button
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);

        //find all our view components
        ImageView imageView = (ImageView) findViewById(R.id.image);
        TextView addressTV = (TextView) findViewById(R.id.address);
        TextView descriptionTV = (TextView) findViewById(R.id.description);
        TextView priceTV = (TextView) findViewById(R.id.price);
        TextView bedroomsTV = (TextView) findViewById(R.id.bedrooms);
        TextView bathroomsTV = (TextView) findViewById(R.id.bathrooms);
        TextView carspotsTV = (TextView) findViewById(R.id.carspots);


        //collect our intent and populate our layout
        Intent intent = getIntent();

        Integer streetNumber = intent.getIntExtra("streetNumber", 0);
        String streetName = intent.getStringExtra("streetName");
        String suburb = intent.getStringExtra("suburb");
        String state = intent.getStringExtra("state");
        String description = intent.getStringExtra("description");
        Double price = intent.getDoubleExtra("price", 0.0);
        Integer bedrooms = intent.getIntExtra("bedrooms", 0);
        Integer bathrooms = intent.getIntExtra("bathrooms", 0);
        Integer carspots = intent.getIntExtra("carspots", 0);
        String image = intent.getStringExtra("image");
        Integer imageID = this.getResources().getIdentifier(image, "drawable", this.getPackageName());
        String address = streetNumber + " " + streetName + ", " + suburb + ", " + state;

        //set elements
        imageView.setImageResource(imageID);
        addressTV.setText(address);
        descriptionTV.setText(description);
        priceTV.setText('$' + Double.toString(price));
        bathroomsTV.setText("Bathrooms: " + bathrooms);
        bedroomsTV.setText("Bedrooms: " + bedrooms);
        carspotsTV.setText("Car Spots: " + carspots);

        //set the title of this activity to be the street name
        getSupportActionBar().setTitle(address);
    }
}

И макет связанной деятельности:

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="10dp">

    <ScrollView
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:orientation="vertical"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/image"
                android:layout_width="match_parent"
                android:contentDescription="Property Image"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:layout_marginBottom="10dp"
                android:background="#cc0033"/>

            <TextView
                android:id="@+id/address"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Address goes here"
                android:layout_marginBottom="10dp"
                android:textSize="18sp"/>

            <TextView
                android:id="@+id/description"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="15sp"
                android:text="Description here"
                android:layout_marginBottom="15dp"/>

            <TextView
                android:id="@+id/price"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="10dp"
                android:text="price"/>

            <TextView
                android:id="@+id/bedrooms"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Bedrooms"
                android:layout_marginBottom="5dp"/>
            <TextView
                android:id="@+id/bathrooms"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Bathrooms"
                android:layout_marginBottom="5dp"/>
            <TextView
                android:id="@+id/carspots"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Car Spots"
                android:layout_marginBottom="5dp"/>

        </LinearLayout>

    </ScrollView>

</LinearLayout>

Куда отсюда?

Теперь, когда вы знаете основы настройки класса ArrayAdapter, вы можете создавать отличные интерфейсы для своих списков. ArrayAdapter не ограничивается компонентом ListView, его также можно использовать с компонентами GridView или Spinner.

Создание богатых, визуально впечатляющих списков — отличный способ заинтересовать ваших пользователей. Вы могли бы расширить эти идеи, добавив анимацию прокрутки или выполнив различные функции для каждого элемента (например, зарегистрировав одно действие, которое срабатывает при нажатии, а другое — при пролистывании).

Любые комментарии или вопросы, пожалуйста, дайте мне знать в комментариях ниже.