AndroidスタジオケースAndroidモール

  この記事は、興奮して宿題ができなかったという理由だけで書いたもので、専門的な内容はなく、できる限り簡単に書くことを心がけています。

1. 新しいプロジェクトを作成する

ファイル - 新しいプロジェクト - (名前を付けます) 次 - 次 - (空のアクティビティを選択) 次 - (図に示すように、2 番目のチェックを外します) 完了

63303a29347844a6bc12e15498a1a130.png

 2. 「app-src-main-res-layout-activity_main.xml」をクリックします。

09059e23234f409b87de0f46012b1974.png

 左下隅のテキストに次のコードをコピーします (元のコードを削除してすべてをコピーして貼り付けるだけです。コピー後、デザインに自動的に表示されます)。

<?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">


    <TextView
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:text="购物商城"
        android:textSize="18sp"
        android:textColor="#FFFFFF "
        android:background="#FF8F03"
        android:gravity="center"/>

    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

3. app-src-main-res-layout を右クリックし、新しいレイアウト リソース ファイルを選択して、list_item.xml という名前の新しいレイアウト ファイルを作成します。

cdf7eb14a40f4f28a1e5b819efe92e98.png

 そして、次のコードをテストにコピーします(元のコードを削除して、すべてをコピーして貼り付けます)。

<?xml version="1.0"coding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas .android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">

    <ImageView
        android:id="@+id/iv"
        android:layout_width= "120dp"
        android:layout_height="90dp"
        android:layout_centerVertical="true"/>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/iv"
        android:layout_centerVertical="true">

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="table"
            android:textSize="20sp"
            android :textColor="#000000" />

        <TextView
            android:id="@+id/tv_price"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="价格"
            android:textSize="20sp"
            アンドロイド:layout_marginTop="10dp"
            android:layout_below="@id/title"
            android:textColor="#FF8F03" />

        <TextView
            android:id="@+id/price"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="1000"
            android:textSize="20sp "
            android:layout_below="@id/title"
            android:layout_toRightOf="@+id/tv_price"
            android:textColor="#FF8F03"
            android:layout_marginTop="10dp"/>

    </RelativeLayout>
</RelativeLayout>

4. 「app-src-main-res」を右クリックし、「新規ディレクトリ」を選択します。

38efe9b03e3144978c40013ec55829cc.png

drawable-hdpiという名前のフォルダーを作成します(このとき、非表示のフォルダーを作成した後、左上隅をProjectに切り替える必要があります) 

a15bba3aab77450685f6b6b59e43b55e.png

 これで、app-src-main-res に新しく作成されたフォルダーが表示されます。

5. 「マイ コンピュータ」をクリックし、drawable-hdpi を検索して、このプロジェクトに対応するフォルダを見つけます。

f24c7e1443b04e979a59d798f14e440d.png

 必要な画像をドラッグ アンド ドロップし、名前を変更します (1 ~ 9、a ~ z のみ、大文字、スペースは不可)。名前を変更するときにダイアログ ボックスが表示され、[はい] をクリックします。

67cf03d385ba4249be52e67c8be67632.png

 c89a4e8904f74f2b968ace3944b8da97.png

"280元"};     private int[] icons = {R.drawable. テーブル、R.drawable。りんご













、R.描画可能。ケーキ
            R.drawable。ワイヤークロス、R.drawable。キウイフルーツ、R.drawable。スカーフ};

    @Override
    protected void onCreate(Bundle SavedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout. activity_main );         ListView listView = findViewById(R.id. lv );         MyBaseAdapter アダプター = new MyBaseAdapter();         listView.setAdapter(アダプター);     }     class MyBaseAdapter extends BaseAdapter {         @Override         public int getCount() {//item总数











            return title.length;
        }

        @Override
        public Object getItem(int Position) { //アイテム データ オブジェクト
            return Titles[position];
        }

        @Override
        public long getItemId(int Position) { // アイテム ID
            return Position;
        }

        @Override
        public View getView(int Position, View ConvertView, ViewGroupparent) { // ビューを表示
            // list_item.xml をビュー オブジェクトに変換します
// View view = View.inflate(MainActivity.this,R.layout.list_item,null);
// / /Initialize control list_item
// TextView title = view.findViewById(R.id.title);
// TextView 価格= view.findViewById(R.id.price);
// ImageView iv = view.findViewById(R.id.iv);
// // 布局中に将数組情報設置
// title.setText(titles[position]);
// 価格.setText(価​​格[位置]);
// iv.setImageResource(icons[位置]);

            ViewHolder ホルダー = null;
            if (convertView == null) {                 convertView = ビュー。inflate (MainActivity.this, R.layout. list_item , null);                 ホルダー = 新しい ViewHolder();                 holder.title = (TextView)convertView.findViewById(R.id.title ) ;



                Holder.price = (TextView) ConvertView.findViewById(R.id.price ) ;
                Holder.iv = (ImageView) ConvertView.findViewById(R.id. iv );
                ConvertView.setTag(ホルダー);
            } else {                 ホルダー = (ViewHolder) ConvertView.getTag();             Holder.title.setText             (タイトル[位置]);             Holder.price.setText(価​​格[位置]);             Holder.iv.setBackgroundResource(icons[位置]);             変換ビューを返します。         }     }     クラス ViewHolder {         TextView タイトル;         TextViewの価格。















        イメージビュー iv;

    }
}

その後、実行できます

 

 

おすすめ

転載: blog.csdn.net/m0_69349026/article/details/130204297