ソフトウェアエンジニアの技術ブログ：Software engineer tech blog

まず、activity_main.xml
linearlayouにbuttonを配置する

<?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=".MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        android:id="@+id/button"></Button>

</LinearLayout>

New -> Activity -> Empty　を選択する

ActivityNameを決める。ここでは、SubActivity

すると、res->layoutにactivity_sum.xmlができ、java->jp->hogeにSubActivity.javaが出来ている。

activity_sub.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".SubActivity">


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="サンプルの遷移先です"
        android:id="@+id/textView"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="サンプルの遷移先です"
        android:id="@+id/textView"
        />

</android.support.constraint.ConstraintLayout>

MainActivity.java

this, SubActivity.class
Intent classでは遷移元と遷移先を実装している。

package jp.hoge.listview;

import android.content.Context;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;

import jp.hoge.anew.SubActivity;

public class MainActivity extends AppCompatActivity
 implements View.OnClickListener{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        findViewById(R.id.button).setOnClickListener(this);
    }
    public void onClick(View view){
        Intent intent  = new Intent(this, SubActivity.class);
        startActivity(intent);
    }
}

buttonを押すと、activity_sub.xmlに遷移するようになりました。なるほど！

int[] icons = {
                R.mipmap.ic_launcher_round,
                R.mipmap.ic_launcher,
                R.mipmap.ic_launcher,
        };

丸いアイコンになりました。
R.mipmapは、resのmipmapの中、という意味でしょうかね。

では、res->drawableにlogo.pngを置いて、R.drawable.logoと書きます。

int[] icons = {
                R.drawable.logo,
                R.mipmap.ic_launcher,
                R.mipmap.ic_launcher,
        };

あら、サイズがおかしなことになってますが、R.drawable.logoで表示はされているようです。
logo.pngがphotoshop書き起こしのサイズですね。。

setOnItemClickListenerでタップした時の処理

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ListView myListView = (ListView) findViewById(R.id.myListView);

        ArrayList<User> users = new ArrayList<>();
        int[] icons = {
                R.mipmap.ic_launcher,
                R.mipmap.ic_launcher,
                R.mipmap.ic_launcher,
        };
        String[] names = {
                "yoshida",
                "kobayashi",
                "igawa"
        };

        String[] locs = {
                "Hamamatsucho",
                "Marunouchi",
                "Ebisu"
        };

        for(int i = 0; i < icons.length; i++){
            User user = new User();
            user.setIcon(BitmapFactory.decodeResource(
                    getResources(),
                    icons&#91;i&#93;
            ));
            user.setName(names&#91;i&#93;);
            user.setLoc(locs&#91;i&#93;);
            users.add(user);
        }
        UserAdapter adapter = new UserAdapter(this, 0, users);
        myListView.setAdapter(adapter);
        myListView.setOnItemClickListener(new AdapterView.OnItemClickListener(){
           @Override
           public void onItemClick(
                   AdapterView<?> adapterView,
                   View view,
                   int i,
                   long l
           ) {
                TextView name = (TextView) view.findViewById(R.id.name);
                Toast.makeText(
                        MainActivity.this,
                        Integer.toString(i) + ":" + name.getText().toString(),
                        Toast.LENGTH_SHORT
                ).show();
                name.setText("Tapped");
           }
        });

    }

こりゃ覚えること多すぎて、思ってたより時間かかりそーだ

かなり複雑

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ListView myListView = (ListView) findViewById(R.id.myListView);

        ArrayList<User> users = new ArrayList<>();
        int[] icons = {
                R.mipmap.ic_launcher,
                R.mipmap.ic_launcher,
                R.mipmap.ic_launcher,
        };
        String[] names = {
                "yoshida",
                "kobayashi",
                "igawa"
        };

        String[] locs = {
                "Hamamatsucho",
                "Marunouchi",
                "Ebisu"
        };

        for(int i = 0; i < icons.length; i++){
            User user = new User();
            user.setIcon(BitmapFactory.decodeResource(
                    getResources(),
                    icons&#91;i&#93;
            ));
            user.setName(names&#91;i&#93;);
            user.setLoc(locs&#91;i&#93;);
            users.add(user);
        }
        UserAdapter adapter = new UserAdapter(this, 0, users);
        myListView.setAdapter(adapter);

    }
    public class UserAdapter extends ArrayAdapter<User>{

        private LayoutInflater layoutInflater;
        public UserAdapter(Context c, int id, ArrayList<User> users){
            super(c, id, users);
            this.layoutInflater = (LayoutInflater) c.getSystemService(
                    Context.LAYOUT_INFLATER_SERVICE
            );
        }
        @Override
        public View getView(int pos, View convertView, ViewGroup parent){
            if (convertView == null){
                convertView = layoutInflater.inflate(
                        R.layout.list_item,
                        parent,
                        false
                );
            }
            User user = (User) getItem(pos);

            ((ImageView) convertView.findViewById(R.id.icon))
                    .setImageBitmap(user.getIcon());
            ((TextView) convertView.findViewById(R.id.name))
                    .setText(user.getName());
            ((TextView) convertView.findViewById(R.id.loc))
                    .setText(user.getLoc());

            return convertView;
        }
    }
    public class User {
        private Bitmap icon;
        private String name;
        private String loc;

        public Bitmap getIcon() {
            return icon;
        }

        public void setIcon(Bitmap icon) {
            this.icon = icon;
        }

        public String getName() {
            return name;
        }

        public void setName(String name) {
            this.name = name;
        }

        public String getLoc() {
            return loc;
        }

        public void setLoc(String loc) {
            this.loc = loc;
        }
    }

linearlayoutを入れ子にします。

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

    <ImageView
        android:id="@+id/icon"
        android:src="@mipmap/ic_launcher"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

    <LinearLayout
        android:layout_weight="1"
        android:orientation="vertical"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        >

        <TextView
            android:id="@+id/name"
            android:text="yamada"
            android:textSize="24sp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            />
        <TextView
            android:id="@+id/loc"
            android:text="tokyo"
            android:textSize="16sp"
            android:textColor="#999999"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            />

    </LinearLayout>

</LinearLayout>

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

    <ImageView
        android:id="@+id/icon"
        android:src="@mipmap/ic_launcher"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

</LinearLayout>