Washing Machines App with images

I managed to improve the application by adding images of the machines to the project.

The complete source code is on git hub https://github.com/bluePlayer/practices/tree/master/WashingMachines

- I added 6 images for each machine brand: LG, Samsung, BSH, Gorenje, Whirlpool and Videocon into the res/drawable-mdpi. You can add in other drawable folders for different screen resolutions but for this small application this is enough.

Note: Images and data for the washing machines are arbitrary and therefore not correct. 

In details.xml I added this ImageView component

<ImageView
        android:id="@+id/machine_image"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="40dp"
        android:contentDescription="@string/machineImageDescrp"
        android:layout_width="230dp"
        android:layout_height="200dp"
        android:src="@drawable/bsh" />

Here it is:
<linearlayout 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:orientation="vertical" 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=".DetailsActivity" > <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="140dp" android:layout_height="wrap_content" android:layout_marginRight="5dp" android:text="@string/machine_type" /> <TextView android:id="@+id/machine_type_view" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/machine_type" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="140dp" android:layout_height="wrap_content" android:layout_marginRight="5dp" android:text="@string/brand_name" /> <TextView android:id="@+id/brand_name_view" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/brand_name" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="140dp" android:layout_height="wrap_content" android:layout_marginRight="5dp" android:text="@string/weight" /> <TextView android:id="@+id/weight_view" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/weight" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="140dp" android:layout_height="wrap_content" android:layout_marginRight="5dp" android:text="@string/maxRpm" /> <TextView android:id="@+id/max_rpm_view" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/maxRpm" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="140dp" android:layout_height="wrap_content" android:layout_marginRight="5dp" android:text="@string/washTemp" /> <TextView android:id="@+id/wash_temp_view" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/washTemp" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="140dp" android:layout_height="wrap_content" android:layout_marginRight="5dp" android:text="@string/hasEnergyStar" /> <TextView android:id="@+id/has_energy_star_view" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/hasEnergyStar" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="140dp" android:layout_height="wrap_content" android:layout_marginRight="5dp" android:text="@string/powerUsage" /> <TextView android:id="@+id/power_usage_view" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/powerUsage" /> </LinearLayout> <LinearLayout android:layout_marginTop="10dp" android:layout_marginLeft="40dp" android:layout_width="232dp" android:layout_height="202dp" android:background="#ff000000" android:orientation="horizontal"> <ImageView android:id="@+id/machine_image" android:layout_width="230dp" android:layout_height="200dp" android:layout_marginLeft="1dp" android:layout_marginTop="1dp" android:contentDescription="@string/machineImageDescrp" android:src="@drawable/bsh" /> </LinearLayout> <Button android:id="@+id/main_list_btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="100dp" android:layout_marginTop="10dp" android:text="@string/main_list_btn" /> </LinearLayout>

- I added this line in strings.xml for the image view description attribute

<string name="machineImageDescrp">Current machine image</string>

- I dynamically change the image resource id for appropriate machine.

In DetailsActivity.java like this

this.machineImage = (ImageView) findViewById(R.id.machine_image);       this.machineImage.setImageResource(this.setImageId(this.brandName.getText().toString()));      
where setImageId() changes the image id according to the brand name

private int setImageId(String brandNameStr) {
        int result = 0;
        if (brandNameStr.equals(WMConstants.LG)) {
            result = R.drawable.lg;
        }
        if (brandNameStr.equals(WMConstants.SAMSUNG)) {
            result = R.drawable.samsung;
        }
        if (brandNameStr.equals(WMConstants.BSH)) {
            result = R.drawable.bsh;
        }
        if (brandNameStr.equals(WMConstants.WHIRLPOOL)) {
            result = R.drawable.whirlpool;
        }
        if (brandNameStr.equals(WMConstants.VIDEOCON)) {
            result = R.drawable.videocon;
        }
        if (brandNameStr.equals(WMConstants.GORENJE)) {
            result = R.drawable.gorenje;
        }
        return result;
    }

- Now you can see some new class called WMConstants. It is a new class I added for the project to keep track of all constants because using constants is much easier than remembering many strings. And also immune to errors.

Here it is

package com.example.washingmachines;
public class WMConstants {
    public static final String LG = "LG";
    public static final String SAMSUNG = "Samsung";
    public static final String BSH = "BSH";
    public static final String WHIRLPOOL = "Whirlpool";
    public static final String GORENJE = "Gorenje";
    public static final String VIDEOCON = "Videocon";

    public static final String FRONT_TYPE = "front";
    public static final String TOP_TYPE = "top";
    public static final String HYBRID_TYPE = "hybrid";

    public static final String MACHINE_TYPE = "type";
    public static final String MACHINE_BRAND_NAME = "brandName";
    public static final String MACHINE_WEIGHT = "weight";
    public static final String MACHINE_MAX_RPM = "maxRpm";
    public static final String MACHINE_WASH_TEMP = "washTemp";
    public static final String MACHINE_HAS_ENERGY_STAR = "hasEnergyStar";
    public static final String MACHINE_POWER_USAGE = "powerUsage";
}

- Most of the files used are same as in previous tutorials but you can use them all from git hub link above without no problems as it has the latest version of this application.

Here is Details.java


package com.example.washingmachines; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.ImageView; import android.widget.TextView; public class DetailsActivity extends Activity { private TextView type = null; private TextView brandName = null; private TextView weight = null; private TextView maxRmp = null; private TextView washTemp = null; private TextView hasEnergyStar = null; private TextView powerUsage = null; private Button mainListBtn = null; private ImageView machineImage = null; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.details); setTitle("Machine Details"); this.type = (TextView) findViewById(R.id.machine_type_view); this.brandName = (TextView) findViewById(R.id.brand_name_view); this.weight = (TextView) findViewById(R.id.weight_view); this.maxRmp = (TextView) findViewById(R.id.max_rpm_view); this.washTemp = (TextView) findViewById(R.id.wash_temp_view); this.hasEnergyStar = (TextView) findViewById(R.id.has_energy_star_view); this.powerUsage = (TextView) findViewById(R.id.power_usage_view); String typeValue = getIntent().getStringExtra(WMConstants.MACHINE_TYPE); this.type.setText(typeValue); String brandNameValue = getIntent().getStringExtra(WMConstants.MACHINE_BRAND_NAME); this.brandName.setText(brandNameValue); String weightValue = getIntent().getStringExtra(WMConstants.MACHINE_WEIGHT); this.weight.setText(weightValue); String maxRpmValue = getIntent().getStringExtra(WMConstants.MACHINE_MAX_RPM); maxRmp.setText(maxRpmValue); String washTempValue = getIntent().getStringExtra(WMConstants.MACHINE_WASH_TEMP); washTemp.setText(washTempValue); String hasEnergyStarValue = getIntent().getBooleanExtra( WMConstants.MACHINE_HAS_ENERGY_STAR, false) ? "yes" : "no"; hasEnergyStar.setText(hasEnergyStarValue); String powerUsageValue = getIntent().getStringExtra(WMConstants.MACHINE_POWER_USAGE); powerUsage.setText(powerUsageValue); this.machineImage = (ImageView) findViewById(R.id.machine_image); this.machineImage.setImageResource(this.setImageId(this.brandName.getText().toString())); this.mainListBtn = (Button) findViewById(R.id.main_list_btn); this.mainListBtn.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) { finish(); } }); } private int setImageId(String brandNameStr) { int result = 0; if (brandNameStr.equals(WMConstants.LG)) { result = R.drawable.lg; } if (brandNameStr.equals(WMConstants.SAMSUNG)) { result = R.drawable.samsung; } if (brandNameStr.equals(WMConstants.BSH)) { result = R.drawable.bsh; } if (brandNameStr.equals(WMConstants.WHIRLPOOL)) { result = R.drawable.whirlpool; } if (brandNameStr.equals(WMConstants.VIDEOCON)) { result = R.drawable.videocon; } if (brandNameStr.equals(WMConstants.GORENJE)) { result = R.drawable.gorenje; } return result; } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.details, menu); return true; } }
- MainActivity.java

package com.example.washingmachines; import java.util.ArrayList; import java.util.List; import android.os.Bundle; import android.app.Activity; import android.content.Intent; import android.view.Menu; import android.view.View; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.ArrayAdapter; import android.widget.ListView; public class MainActivity extends Activity { private ListView machines = null; private List<WashingMachine> listOfMachines = new ArrayList<WashingMachine>(); private ArrayAdapter<String> adapter = null; private List<String> machinesList = new ArrayList<String>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); } private void initView() { this.machines = (ListView) findViewById(R.id.scroll_view); WashingMachine wm1 = new WashingMachine(WMConstants.FRONT_TYPE, WMConstants.LG, 65, 1200, 41, false, 100); this.listOfMachines.add(wm1); WashingMachine wm2 = new WashingMachine(WMConstants.TOP_TYPE, WMConstants.SAMSUNG, 73, 800, 60, false, 90); this.listOfMachines.add(wm2); WashingMachine wm3 = new WashingMachine(WMConstants.HYBRID_TYPE, WMConstants.BSH, 52, 1650, 36, true, 70); this.listOfMachines.add(wm3); WashingMachine wm4 = new WashingMachine(WMConstants.TOP_TYPE, WMConstants.WHIRLPOOL, 105, 1400, 56, false, 150); this.listOfMachines.add(wm4); WashingMachine wm5 = new WashingMachine(WMConstants.FRONT_TYPE, WMConstants.GORENJE, 360, 2000, 70, false, 300); this.listOfMachines.add(wm5); WashingMachine wm6 = new WashingMachine(WMConstants.HYBRID_TYPE, WMConstants.VIDEOCON, 300, 2000, 85, false, 310); this.listOfMachines.add(wm6); this.machinesList.add(this.listOfMachines.get(0).getBrandName()); this.machinesList.add(this.listOfMachines.get(1).getBrandName()); this.machinesList.add(this.listOfMachines.get(2).getBrandName()); this.machinesList.add(this.listOfMachines.get(3).getBrandName()); this.machinesList.add(this.listOfMachines.get(4).getBrandName()); this.machinesList.add(this.listOfMachines.get(5).getBrandName()); this.adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, this.machinesList); this.machines.setAdapter(adapter); this.machines.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) { Intent k = new Intent(MainActivity.this, DetailsActivity.class); k.putExtra(WMConstants.MACHINE_TYPE, listOfMachines.get(arg2).getType()); k.putExtra(WMConstants.MACHINE_BRAND_NAME, listOfMachines.get(arg2).getBrandName()); k.putExtra(WMConstants.MACHINE_WEIGHT, listOfMachines.get(arg2).getWeight()); k.putExtra(WMConstants.MACHINE_MAX_RPM, listOfMachines.get(arg2).getMaxRpm()); k.putExtra(WMConstants.MACHINE_WASH_TEMP, listOfMachines.get(arg2).getWashTemp()); k.putExtra(WMConstants.MACHINE_HAS_ENERGY_STAR, listOfMachines.get(arg2).isHasEnergyStar()); k.putExtra(WMConstants.MACHINE_POWER_USAGE, listOfMachines.get(arg2).getPowerUsage()); startActivity(k); } }); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } }

Here are some resulting images:

list of machines

Gorenje Details

Videocon details

Whirlpool details

I have added sample images in the assets folder. You can use them for your project or you can use your own images. They should be 230x200 pixels