如何从 API 显示图像并在单击图像后将用户发送到视频链接? Kotlin,改造

Posted

技术标签:

【中文标题】如何从 API 显示图像并在单击图像后将用户发送到视频链接? Kotlin,改造【英文标题】:How to display an image from API and send the user to video link after clicking the image? Kotlin, Retrofit 【发布时间】:2021-08-01 22:22:28 【问题描述】:

我正在尝试在 recyclerview 中显示视频缩略图,它是标题

这是我的数据类:

data class PropertyItem(
    val id: Int,
    val thumbnailUrl: String,
    val title: String,
    val videoId: String,
    val videoUrl: String
)

这里是 list_item xml:

    <ImageView
            android:id="@+id/imageViewid"
            android:layout_
            android:layout_
            app:layout_constraintWidth_percent=".3"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            android:src="@drawable/ic_launcher_background"/>

主活动:

class MainActivity : AppCompatActivity() 

    private lateinit var recyclerView: RecyclerView
    private lateinit var manager: RecyclerView.LayoutManager
    private lateinit var myAdapter: RecyclerView.Adapter<*>

    override fun onCreate(savedInstanceState: Bundle?) 
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        manager = LinearLayoutManager(this)
        getAllData()
    

    fun getAllData()
        Api.retrofitService.getAllData().enqueue(object: Callback<List<PropertyItem>> 
            override fun onResponse(
                call: Call<List<PropertyItem>>,
                response: Response<List<PropertyItem>>
            ) 
                if(response.isSuccessful)
                    recyclerView = findViewById<RecyclerView>(R.id.recycler_view).apply
                        myAdapter = MyAdapter(response.body()!!)
                        layoutManager = manager
                        adapter = myAdapter
                    
                
            

            override fun onFailure(call: Call<List<PropertyItem>>, t: Throwable) 
                t.printStackTrace()
            
        )
    

适配器

class MyAdapter(private val data: List<PropertyItem>) : RecyclerView.Adapter<MyAdapter.MyViewHolder>()  

    class MyViewHolder(val view: View): RecyclerView.ViewHolder(view)
        fun bind(propertyItem: PropertyItem)
            val title = view.findViewById<TextView>(R.id.tvTitle)
            val imageView = view.findViewById<ImageView>(R.id.imageViewid)

            title.text = propertyItem.title
            Glide.with(view.context).load(propertyItem.thumbnailUrl).centerCrop().into(imageView)
        
    

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder 
        val v = LayoutInflater.from(parent.context).inflate(R.layout.list_item, parent, false)
        return MyViewHolder(v)
    

    override fun getItemCount(): Int 
        return data.size
    

    override fun onBindViewHolder(holder: MyViewHolder, position: Int) 
        holder.bind(data[position])
    

所以我从数据类中获取所有数据,但它不显示图像以及如何将 url 添加到图像视图以便用户可以单击图像并重定向到视频?

我正在学习本教程: https://www.codevscolor.com/android-kotlin-recyclerview-with-image

我做错了吗?

【问题讨论】:

您能发布您的回收站视图适配器代码吗? @luca_999 之前忘记加了,刚加了 propertyItem.thumbnailUrl 的值是多少?另外,您需要设置一个点击监听器来处理点击。 @RyanM 它在数据类“val thumbnailUrl: String”中 好的,所以如果那只是它被使用的地方,那么它将是空的,这将是你的问题。如果没有,那么我们需要 value(不是声明)。 【参考方案1】:

这段代码解决了我的问题

Picasso.with(activity)
            .load(countryList[position].thumbnailUrl)
            .memoryPolicy(MemoryPolicy.NO_CACHE, MemoryPolicy.NO_STORE)
            .networkPolicy(NetworkPolicy.NO_CACHE, NetworkPolicy.NO_STORE)
            .into(holder.thumbnailUrl)

我不得不使用毕加索而不是滑翔

【讨论】:

以上是关于如何从 API 显示图像并在单击图像后将用户发送到视频链接? Kotlin,改造的主要内容,如果未能解决你的问题,请参考以下文章

如何在图像按钮单击时从Gridview获取ID。

如何以编程方式绘制边框并在 UIImageview 周围的文字后将其删除?

使用 .net 核心 Web API 和 jquery 从 azure blob 上传和检索图像

如何显示从 API 响应中接收到的图像?

使用.net核心Web API和jquery从天蓝色斑点中上传和检索图像

从相机捕获图像并在活动中显示