Android
 Computer >> コンピューター >  >> プログラミング >> Android

AndroidのListViewでrotate()メソッドを使って要素を回転させる方法

この記事では、AndroidアプリのListViewに対してJavaのCollections.rotate()メソッドを使い、リスト内の要素を指定した距離だけ回転(ローテート)させる方法を、ステップごとにわかりやすく解説します。

rotate()メソッドとは?

Collections.rotate()は、java.utilパッケージに含まれるユーティリティメソッドで、リスト内の要素を指定した距離分だけ循環的に移動させます。たとえば距離「2」を指定すると、各要素が2つ後ろの位置へ移動し、末尾の要素は先頭に戻ります。ListViewと組み合わせることで、表示順序を簡単に入れ替えることができます。

実装手順

ステップ1:プロジェクトの作成

Android Studioを起動し、「File」→「New Project」を選択して新しいプロジェクトを作成します。必要な項目をすべて入力してプロジェクトを完成させてください。

ステップ2:レイアウトファイル(activity_main.xml)の編集

res/layout/activity_main.xml に以下のコードを追加します。

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android = "https://schemas.android.com/apk/res/android"
    xmlns:tools = "https://schemas.android.com/tools"
    android:layout_width = "match_parent"
    android:layout_height = "match_parent"
    tools:context = ".MainActivity"
    android:orientation = "vertical">
    <EditText
        android:id = "@+id/name"
        android:layout_width = "match_parent"
        android:hint = "名前を入力"
        android:layout_height = "wrap_content" />
    <LinearLayout
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content">
        <Button
            android:id = "@+id/save"
            android:text = "保存"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content" />
        <Button
            android:id = "@+id/refresh"
            android:text = "更新"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content" />
    </LinearLayout>
    <ListView
        android:id = "@+id/listView"
        android:layout_width = "match_parent"
        android:layout_height = "wrap_content">
    </ListView>
</LinearLayout>

このレイアウトでは、名前を入力するためのEditTextと、「保存」「更新」の2つのボタン、そしてデータを一覧表示するListViewを配置しています。ユーザーが保存ボタンをタップすると入力内容がArrayListに格納され、更新ボタンでListViewの表示が最新の状態に切り替わります。

ステップ3:MainActivity.java の実装

src/MainActivity.java に以下のコードを記述します。

package com.example.andy.myapplication;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.Collections;
import java.util.HashSet;
import java.util.Set;
public class MainActivity extends AppCompatActivity {
    EditText name;
    ArrayAdapter arrayAdapter;
    ArrayList<String> array_list;
    Set set = new HashSet();
    private ListView listView;
    @Override
    protected void onCreate(Bundle readdInstanceState) {
        super.onCreate(readdInstanceState);
        setContentView(R.layout.activity_main);
        array_list = new ArrayList<String>();
        array_list.ensureCapacity(20);
        name = findViewById(R.id.name);
        listView = findViewById(R.id.listView);
        findViewById(R.id.refresh).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                arrayAdapter.notifyDataSetChanged();
                listView.invalidateViews();
                listView.refreshDrawableState();
            }
        });
        findViewById(R.id.save).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (!name.getText().toString().isEmpty()) {
                    set.add(name.getText().toString());
                    array_list.clear();
                    if (array_list.isEmpty()) {
                        array_list.addAll(set);
                        // ここでrotate()メソッドを使用し、
                        // 要素を距離2だけ回転させています
                        Collections.rotate(array_list, 2);
                        array_list.trimToSize();
                        arrayAdapter = new ArrayAdapter(MainActivity.this, android.R.layout.simple_list_item_1, array_list);
                        listView.setAdapter(arrayAdapter);
                    } else {
                        listView.setVisibility(View.GONE);
                    }
                    Toast.makeText(MainActivity.this, "挿入しました", Toast.LENGTH_LONG).show();
                } else {
                    name.setError("名前を入力してください");
                }
            }
        });
    }
}

コードのポイント解説

  • 重複チェック: HashSetを使用することで、同じ名前が複数登録されるのを防いでいます。
  • rotate()による回転: Collections.rotate(array_list, 2) を呼び出すことで、リストの全要素が2つ分後ろにずれて表示されます。
  • ListViewの更新: 更新ボタンでは notifyDataSetChanged()invalidateViews() を呼び出し、画面表示を最新化しています。
  • 入力チェック: 名前が空のまま保存ボタンを押すと、エラーメッセージが表示されます。

アプリの実行と動作確認

それではアプリを実行してみましょう。Android端末をPCに接続していることを確認してください。Android Studioでプロジェクト内の任意のアクティビティファイルを開き、ツールバーの実行アイコンをクリックします。デバイスを選択すると、端末に初期画面が表示されます。

AndroidのListViewでrotate()メソッドを使って要素を回転させる方法

上記の実行結果のように、名前を入力して保存すると、リストの要素が2つ分の距離だけ回転した状態で表示されます。このようにCollections.rotate()を使えば、ListViewの表示順序を簡単に入れ替えることができます。

  1. AndroidスマホをPCやテレビのスピーカーとして使う3つの方法

    世の中の良いものはペアで存在します。塩とコショウ、ナイフとフォーク、トムとジェリー。そしてテクノロジー好きにとっては「音」と「映像」です。しかし、どれほど高度な技術が手元にあっても、音声と映像の組み合わせは長年にわたって悩みの種であり続けてきました。 そんなときこそ、Androidスマホのスピーカーが大活躍します。音量の小さいノートパソコン、スピーカーが故障したテレビ、充電切れのBluetoothスピーカー——その解決策はすべて、あなたの手のひらの中にあるのです。信じられないように聞こえるかもしれませんが、Androidスマホをスピーカーとして使うことで、上記の問題をすべて効果的に解決できます

  2. Android版WhatsAppでステッカーを使う方法|Animoji・Bitmoji・Gboardを徹底解説

    iOS 13では、Animojiステッカーに関する魅力的な機能が数多く追加されました。Animojiを使えば、自分だけのオリジナルステッカーセットを作成できます。この機能はiPhone X以降で利用可能で、Face IDと連動して動作します。Animojiを使ったライブ動画や録画の作成も可能です。また、対応していない機種でも「Memoji」を利用すれば、自分のアバターを作ることができます。 こうしたAnimojiやMemojiのステッカーは、WhatsAppやメッセージアプリ、Facebookなど複数のプラットフォームで使用できます。iOSデバイス専用のステッカーと思われがちですが、実はAnd