佛山定制建站公司推荐,岳阳市官网,四川省住房建设厅官方网站,深圳品牌网站制作多少钱要求如下#xff1a;
1、创建在线商城项目EShop#xff1b;
2、修改布局文件activity_main.xml#xff0c;使用LineaLayout和ListView创建商品列表UI#xff1b;
3、创建列表项布局list_item.xml#xff0c;设计UI用于显示商品图标、名称和价格信息#xff1b;
4、创…要求如下
1、创建在线商城项目EShop
2、修改布局文件activity_main.xml使用LineaLayout和ListView创建商品列表UI
3、创建列表项布局list_item.xml设计UI用于显示商品图标、名称和价格信息
4、创建GoodsAdapter类用于显示列表中的数据
5、在MainActivity中编写模拟的商品数据把ListView对象关联到GoodsAdapter实现商品数据的显示
6、尝试使用SimpleAdapter和ArrayAdapter实现相同功能。
0.创建项目
根据要求创建一个新的项目命名为EShop选择合适的最低 API 级别和其他项目配置。
1. 修改布局文件 activity_main.xml
在 res/layout 文件夹中找到 activity_main.xml使用 LinearLayout 和 ListView 创建商品列表 UI。 如果不存在 res/layout自行创建即可。 ?xml version1.0 encodingutf-8?
LinearLayoutxmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticalListViewandroid:idid/listViewandroid:layout_widthmatch_parentandroid:layout_heightmatch_parent /
/LinearLayout2. 创建列表项布局 list_item.xml
在 res/layout 文件夹中创建一个新的 XML 布局文件命名为 list_item.xml用于显示商品图标、名称和价格信息。 注意这里如果没有图标可以使用默认的ic_launcher_foreground 和 “drawable/ic_launcher_background” ?xml version1.0 encodingutf-8?
LinearLayoutxmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:orientationhorizontalImageViewandroid:idid/imageViewandroid:layout_width64dpandroid:layout_height64dpandroid:srcdrawable/ic_launcher_foreground /LinearLayoutandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:orientationverticalandroid:layout_marginLeft16dpTextViewandroid:idid/productNameandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:textProduct Nameandroid:textSize18spandroid:textStylebold /TextViewandroid:idid/productPriceandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:textPrice: $10.00android:textSize16sp //LinearLayout
/LinearLayout3、创建 GoodsAdapter 类用于显示列表中的数据
创建一个Goods类来表示商品包括名称和价格属性。 在src目录下创建Goods.kt文件 data class Goods(val name: String, val price: Double)创建一个GoodsAdapter类用于将商品数据与ListView关联。 在src目录下创建GoodsAdapter.kt文件 package com.leo.eshopimport 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.TextViewclass GoodsAdapter(private val context: Context, private val goodsList: ListGoods) : BaseAdapter() {override fun getCount(): Int {return goodsList.size}override fun getItem(position: Int): Any {return goodsList[position]}override fun getItemId(position: Int): Long {return position.toLong()}override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View {val view convertView ?: LayoutInflater.from(context).inflate(R.layout.list_item, parent, false)val goods getItem(position) as Goodsval name:TextView view.findViewById(R.id.productName)val price :TextView view.findViewById(R.id.productPrice)name.text goods.nameprice.text Price: $${goods.price}return view}
}4.实现商品数据的显示
在MainActivity.kt文件中编写模拟的商品数据并将ListView对象关联到GoodsAdapter实现商品数据的显示
package com.leo.eshopimport android.os.Bundle
import android.widget.ListView
import androidx.activity.ComponentActivityclass MainActivity : ComponentActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)val goodsList listOf(Goods(Product 1, 10.99),Goods(Product 2, 19.99),Goods(Product 3, 5.99),// Add more items as needed)val adapter GoodsAdapter(this,goodsList)val listView:ListView findViewById(R.id.listView)listView.adapter adapter}
}这样你就完成了一个简单的在线商城项目使用了LinearLayout和ListView来设计商品列表UI同时使用GoodsAdapter来处理数据和UI的关联.
实现效果
