Question

COP 2660, Programming for Mobile Devices

Using Android Studio

Create the working application as You can design a different listView of your choice.

Try to have at-least 3 items in your listView.

Zip your project file link and upload the code

Purpose: is designed to assess the implementation of ListView activities.

Answer 1

HERE ARE STEPS TO COMPLETE THIS ASSIGNMENT QUESTIONS .PLEASE FOLLOW AS I CAN NOT DIRECTLY UPLOAD ZIP ON THIS PLATFORM I AM PROVIDING PROPER STEP BY STEP SOLUTION:

• Open android studio, create new application ,give it a name List_demo.
• make two java files CustomAdapter.java & DemoList.java .
• code for CustomAdapter.java

package com.example.jigyasagyanani.list_demo;   //change this pacakage name 

import android.app.Activity;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import org.w3c.dom.Text;

import java.util.zip.Inflater;


public class CustomAdapter extends BaseAdapter {
    LayoutInflater inflater;
    Context context;
    int imag[];
    String name[];
    public  CustomAdapter(Context context,String name[],int imag[])
    {
        this.context=context;
        this.imag=imag;
        this.name=name;
        inflater=LayoutInflater.from(context);

    }

    @Override
    public int getCount()
    {
        return name.length;
    }

    @Override
    public Object getItem(int position) {

        return position;
    }

    @Override
    public long getItemId(int position) {

        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        convertView=inflater.inflate(R.layout.row_list_item,null);
        TextView t1=(TextView)convertView.findViewById(R.id.name);

        ImageView imageView=(ImageView)convertView.findViewById(R.id.listimg);
        t1.setText(name[position]);
        imageView.setImageResource(imag[position]);

        return convertView;
    }
}

• code for DemoList

• package com.example.jigyasagyanani.list_demo;   //change pacakge name here 
  
  import android.app.Activity;
  import android.os.Bundle;
  import android.widget.ListView;
  
  
  public class DemoList extends Activity{
      ListView list;
      int images[]={R.mipmap.ic_launcher,R.mipmap.mybg1,R.mipmap.mybg2};
          String name[]={"android","iphone","ios"};

      CustomAdapter adapter;
  
      @Override
      protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.demolist);
          initView();
      }
      private void initView(){
          list=(ListView)findViewById(R.id.list);
          adapter=new CustomAdapter(DemoList.this,name,images);
          list.setAdapter(adapter);
  
  
      }
  }
  
  

• now make two xml files in res folder->layout folder->demolist.xml & row_list_item.xml
• now add following code in files
• code for demolist.xml

• <?xml version="1.0" encoding="utf-8"?>
  <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"
      tools:context="com.example.jigyasagyanani.list_demo.demolist">
  
      <ListView
          android:layout_width="match_parent"
          android:layout_height="match_parent"
         android:id="@+id/list" />
  </LinearLayout>
  

• code for row_list_item.xml

• <?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">
      <LinearLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:orientation="horizontal"
          android:padding="20dp">
          <ImageView
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:id="@+id/listimg"
              android:src="@mipmap/ic_launcher"/>
          <TextView
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="Android"
              android:padding="20dp"
              android:textColor="@android:color/holo_red_dark"
              android:gravity="center"
              android:id="@+id/name"/>
  
      </LinearLayout>
  
  
  </LinearLayout>
  

• add three pictures in mipmap folder which is under res folder .ic_launcher.png,mybg1.jpg,mybg2.jpg.these will show in list view $List demo [EAandroid_pendrivelolandroid_pendrive Android_103\List demo] [appl.. ,appisrc)mainres layout\row_list item.xml - Android Studio 2.1.1 File Edit View Nevigate Code Analyze Refactor Build Run Iools VC Window Help a B ?, ? ( I × | ? colors.xml × | ? styles.xml x | ? demolist.xml x | ? row-list-item.xml x |-22 | Preview app R- ?· - Til Nexus 4. @appTheme O, ?23 manifests java version=1.0 encoding=utf-8?> © | <7xml <LinearLayout mins : android-http://schenas.android.com/apk/res/android, android: layout width-natch parent android:layout height-match parent android:orientation-vertical> ?b CustomAdapter- DemoList 600 com.example.jigyosagyanani.list_demo (test) res android: layout width-natch parent android:layout height-wrap content android:orientation-horizontal android:padding-20dp> drawable ??layout android:layout width-vrap content android:layout height-wrap content android:id-8+id/listing android: src-en1pmap/ic launcher /> demolist.xml ??mipmap ic louncher.png (5) mybgl.jpg hdp) android:layout width-natch parent android:layout height-wrap content android:text-Android android:padding-20dp android:textColor-@android:color holo red dark android:gravity-center android:1d-8+1d/name> ? values dimens.xml (2) strings.xml Gradie Scripts </LinearLayout> </LinearLayout> Design Text Terminal 0: Messages ?6: Android Monitor Gradle build finished in 1m 3s 370ms (15 minutes ago) TODO 1 Event Log Gradle Console 2:31 CRLF: UTF-8 Context: <no context ? :-. ? -.11 ENG 10:12PM 3/23/2018$
• have a look at screenshot attached .this is how you have to make files .look at left side .
• add this code in manifest.java file

• <?xml version="1.0" encoding="utf-8"?>
  <manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.example.jigyasagyanani.list_demo">
  
  
      <application
          android:allowBackup="true"
          android:icon="@mipmap/ic_launcher"
          android:label="@string/app_name"
          android:supportsRtl="true"
          android:theme="@style/AppTheme">
          <activity android:name=".DemoList">
              <intent-filter>
                  <action android:name="android.intent.action.MAIN" />
  
                  <category android:name="android.intent.category.LAUNCHER" />
              </intent-filter>
          </activity>
          
  
      </application>
  
  </manifest>

• whenever you create new application in android studio you get a package written in manifest file .so do not forget to change pacakage in my provided code in all java files .then only this code will work .
• now have a look at provided image .statically we have added one image on left and first list item as android . but in java file by the help of array we have added 3 list items android,iphone ,ios .
• so when you run this code in phone then this list view gets generated dynamically .
• and on final mobile screen you see this
• 
  android iphone ios
  
• you can see two same pictures .i have used same images with different name mybg1.jpg and mybg2.jpg are same .you can use three different images and addin mipmap folder .to get result .this is my tested correct code .it will surely help you .
• i hope you like this .