Tablayout自定义item view

最新推荐文章于 2024-04-01 05:45:01 发布
最新推荐文章于 2024-04-01 05:45:01 发布
阅读量392 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18715365/article/details/109178868
版权

activity_youdao_ques.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:visibility="visible">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="@color/white">

        <ImageView
            android:id="@+id/back_btn"
            android:layout_width="38dp"
            android:layout_height="38dp"
            android:layout_centerVertical="true"
            android:layout_marginStart="5dp"
            android:background="@color/transparent"
            android:onClick="clickBack"
            android:padding="9dp"
            android:src="@mipmap/back_ic" />

        <com.google.android.material.tabs.TabLayout
            android:id="@+id/tl_tabs"
            android:layout_width="wrap_content"
            android:layout_height="@dimen/dp50"
            android:layout_centerInParent="true"
            android:overScrollMode="never"
            app:tabIndicatorFullWidth="false"
            app:tabIndicatorHeight="0dp"
            app:tabMinWidth="@dimen/dp24"
            app:tabMode="scrollable"
            app:tabPaddingEnd="@dimen/dp16"
            app:tabPaddingStart="@dimen/dp16"
            app:tabRippleColor="@color/transparent"
            app:tabSelectedTextColor="@color/white"
            app:tabTextColor="@color/black" />

        <View
            android:layout_width="match_parent"
            android:layout_height="0.5dp"
            android:layout_alignParentBottom="true"
            android:background="@color/line_color" />

    </RelativeLayout>

    <ImageView
        android:id="@+id/previewImg"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp200"
        android:scaleType="fitXY" />


    <androidx.viewpager.widget.ViewPager
        android:id="@+id/vp_content"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal">

        <LinearLayout
            android:id="@+id/addWrongBookLinLayout"
            android:layout_width="@dimen/dp0"
            android:layout_height="match_parent"
            android:layout_marginStart="@dimen/dp26"
            android:layout_marginTop="@dimen/dp7"
            android:layout_marginEnd="@dimen/dp14"
            android:layout_marginBottom="@dimen/dp7"
            android:layout_weight="1"
            android:background="@drawable/btn_bg_oval_slide"
            android:gravity="center">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/icon_wrong_book"></ImageView>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="@dimen/dp6"
                android:text="加入错题本"
                android:textColor="#ff333333"
                android:textSize="16sp" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/stayBeatTopicLinLayout"
            android:layout_width="@dimen/dp0"
            android:layout_height="match_parent"
            android:layout_marginTop="@dimen/dp7"
            android:layout_marginEnd="@dimen/dp26"
            android:layout_marginBottom="@dimen/dp7"
            android:layout_weight="1"
            android:background="@drawable/btn_topic_shape_bg"
            android:gravity="center">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/icon_photo"></ImageView>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="@dimen/dp6"
                android:text="再拍一题"
                android:textColor="#ffffffff"
                android:textSize="16sp" />
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

package com.sskj.parent.ui.youdao


import android.content.Intent
import android.graphics.Bitmap
import android.graphics.BitmapFactory
import android.os.Bundle
import android.text.TextUtils
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.LinearLayout
import android.widget.TextView
import com.blankj.utilcode.util.LogUtils
import com.google.android.material.tabs.TabLayout
import com.google.gson.Gson
import com.rmondjone.camera.CameraActivity
import com.sskj.base.core.base.EcardActivity
import com.sskj.base.core.common.app.AppStatusTracker
import com.sskj.base.core.common.constant.APP_OFFLINE
import com.sskj.base.core.common.constant.APP_ONLINE
import com.sskj.base.core.data.UserCacheManager
import com.sskj.base.core.ext.toast
import com.sskj.parent.R
import com.sskj.parent.data.entity.FragmentInfo
import com.sskj.parent.data.entity.SearchQuestionResult
import com.sskj.parent.ui.adapter.fragment.TabFragment
import com.sskj.parent.utils.ImageUtils
import com.youdao.ocr.question.OCRListener
import com.youdao.ocr.question.OCRParameters
import com.youdao.ocr.question.OcrErrorCode
import com.youdao.ocr.question.SearchingImageQuestion
import com.youdao.sdk.app.EncryptHelper
import kotlinx.android.synthetic.main.activity_youdao_ques.*
import java.io.ByteArrayOutputStream

/**
 * 拍照搜题界面
 */
class YouDaoSearchQues : EcardActivity<Nothing>() {

    lateinit var fragmentList: ArrayList<FragmentInfo>

    companion object {
        const val REQUEST_SMALL: Int = 1
    }

    override val mLayout: Any
        get() = R.layout.activity_youdao_ques

    override fun beforeSetContentView() {
        super.beforeSetContentView()

        var loginIsValid = UserCacheManager.getCacheToken()
        if (!loginIsValid.isNullOrEmpty()) {
            UserCacheManager.clearUserCache()
        }
        AppStatusTracker.appStatus = if (!loginIsValid.isNullOrEmpty()) APP_ONLINE else APP_OFFLINE

        fragmentList = ArrayList()
    }

    override fun onBindView(savedInstanceState: Bundle?) {
        var intent = Intent(context, CameraActivity::class.java)
//        intent.putExtra(CameraActivity.TAKE_PHOTO_NUMBER,3)
        intent.putExtra(CameraActivity.KEY_IMAGE_CROP, true)
        startActivityForResult(intent, REQUEST_SMALL)

        addWrongBookLinLayout.setOnClickListener {
            //TODO 加入错题本

        }
        stayBeatTopicLinLayout.setOnClickListener {
            //TODO 再拍一题

        }
    }

    override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
        //裁剪照片
        if (requestCode == REQUEST_SMALL) {
            layout.visibility = View.VISIBLE
            data?.apply {
                showLoading()

                var imagePath = data.getStringArrayListExtra(CameraActivity.KEY_IMAGE_PATH)
                var s = imagePath[0]
                var bitmap = BitmapFactory.decodeFile(s.replace("file://", ""))

                //加载默认图
                bitmap = ImageUtils.readBitmapFromAsset(resources, R.drawable.ocr_question)

                //设置显示图片
                previewImg.setImageBitmap(bitmap)

                var quality: Int = 100
                var baos = ByteArrayOutputStream()
                bitmap.compress(Bitmap.CompressFormat.JPEG, quality, baos)
                var datas: ByteArray = baos.toByteArray()
                var bases64 = EncryptHelper.getBase64(datas)
                var count: Int = bases64.length
                while (count > 0.5 * 1024 * 1024) {
                    quality -= 10
                    baos = ByteArrayOutputStream()
                    bitmap.compress(Bitmap.CompressFormat.JPEG, quality, baos)
                    datas = baos.toByteArray()
                    bases64 = EncryptHelper.getBase64(datas)
                    count = bases64.length
                }
                //搜题
                searchQuestions(datas)
            }
        }
        super.onActivityResult(requestCode, resultCode, data)
    }

    /**
     * 有道搜题
     */
    fun searchQuestions(datas: ByteArray) {
        //构造识别输入对象
        val tps = OCRParameters
            .Builder()
            .timeout(100000)
            .packageName(packageName)
            .build()

        //将图片转化成base64编码
        val base64 = EncryptHelper.getBase64(datas)

        //设置回调，开始搜索 整个识别是异步的，回调在子线程进行，若涉及到界面操作，请切回主线程。
        SearchingImageQuestion.getInstance(tps).startSearching(base64, object : OCRListener {
            override fun onError(error: OcrErrorCode) {
                runOnUiThread {
                    LogUtils.d(error.code)
                    LogUtils.d(error.toString())

                    hideLoading()
                    if (error.code == 0) {
                        toast("对不起，没有搜到这道题")
                    } else {
                        toast(error.code.toString() + error.toString())
                    }
                }
            }

            override fun onResult(result: String) {
                runOnUiThread {
                    hideLoading()
                    LogUtils.d(result)

                    if (!TextUtils.isEmpty(result)) {
                        showQuestionResult(result)
                    }
                }
            }
        })
    }

    private fun showQuestionResult(result: String) {
        var gson = Gson()
        var searchQuestionResult = gson.fromJson(result, SearchQuestionResult::class.java)
        var list = searchQuestionResult.questions
        for (i in list?.indices!!) {
            PhotoSearchFragment().newInstance(result, i)?.let {
                FragmentInfo(
                    i.toString(),
                    it
                )
            }?.let { fragmentList.add(it) }
        }

        var fragmentAdapter = TabFragment(supportFragmentManager, fragmentList)
        vp_content.adapter = fragmentAdapter
        tl_tabs.setupWithViewPager(vp_content)

        for (i in 0 until fragmentAdapter.count) {
            val tab: TabLayout.Tab? = tl_tabs.getTabAt(i) //获得每一个tab
            tab?.setCustomView(R.layout.view_venue_tab) //给每一个tab设置view
            if (i == 0) {
                // 设置第一个tab的TextView是被选择的样式
                tab?.customView!!.findViewById<View>(R.id.tvTitle).isSelected = true //第一个tab被选中
            }
            tab?.customView?.layoutParams = LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT
            )
            val textView = tab?.customView!!.findViewById<View>(R.id.tvTitle) as TextView
            textView.text = i.toString() //设置tab上的文字
        }
    }
}

view_venue_tab.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/tvTitle"
        android:layout_width="@dimen/dp24"
        android:layout_height="@dimen/dp24"
        android:layout_centerInParent="true"
        android:background="@drawable/tab_background"
        android:gravity="center"
        android:textColor="@color/white"></TextView>
</RelativeLayout>

btn_bg_oval_slide.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/iv_menu_choosed" android:state_selected="true" />
    <item android:drawable="@drawable/iv_menu_normal" android:state_selected="false" android:state_focused="false" android:state_pressed="false" />
</selector>

btn_bg_oval_slide.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    android:useLevel="false">
    <solid android:color="@color/color_21bf73" />
    <corners android:radius="100dp" />
    <size
        android:width="25dp"
        android:height="25dp" />
</shape>

iv_menu_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@color/color_f5f5f5" />
    <corners android:radius="5dp" />
    <size
        android:width="6dp"
        android:height="6dp" />
</shape>
终极蛇皮怪之我上我也行
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义TabLayout布局＋Viewpager
ssssxy的博客
12-06 816
最近新做一个APP、UI设计是别的公司的、很是严格、一个tablayout要自定义才能实现，也怪自己渣、这个功能搞了一上午、趁热打铁、抽出个demo private void initTab() { mFragmentList = new ArrayList<>(); mFragmentList.add(HomeFragment.newInstance()); ...
Android 自定义View之自定义TabLayout实现顶部标签滑动
crazyZhangxl的博客
04-27 1589
自定义谷歌自带的TabLayout实现上下排列的图片文字选择效果
Android开发：自定义TabLayout，神奇效果竟是如此简单
最新发布
weixin_57485542的博客
04-01 1018
简历首选内推方式，速度快，效率高啊！然后可以在拉钩，boss，脉脉，大街上看看。简历上写道熟悉什么技术就一定要去熟悉它，不然被问到不会很尴尬！做过什么项目，即使项目体量不大，但也一定要熟悉实现原理！不是你负责的部分，也可以看看同事是怎么实现的，换你来做你会怎么做？做过什么，会什么是广度问题，取决于项目内容。但做过什么，达到怎样一个境界，这是深度问题，和个人学习能力和解决问题的态度有关了。大公司看深度，小公司看广度。大公司面试你会的，小公司面试他们用到的你会不会，也就是岗位匹配度。面试过程一定要有礼貌！
Tablayout自定义+viewpage2
qq_32670947的博客
12-13 1790
自定义tab实现
android自定义TabLayout
Pansy的博客
10-11 1850
android自定义TabLayout
TabLayout+ViewPager，自定义tab 实现仿淘宝TabLayout价格动态变换。
06-01
TabLayout+ViewPager，自定义tab：图片+文字、文字、图片，tab可以自定义和平时写xml一样随心所欲。实现仿淘宝TabLayout价格动态变换。
Android 自定义View结合自定义TabLayout实现顶部标签滑动效果
08-27
Android 自定义 View 结合自定义 TabLayout 实现顶部标签滑动效果 Android 自定义 View 结合自定义 TabLayout 可以实现顶部标签滑动效果，这是一种常见的 UI 布局方式，尤其是在移动应用程序中。在本文中，我们将...
TabLayout用法详解及自定义样式
08-31
本文将详细解析TabLayout的用法以及如何对其进行自定义样式。 首先，TabLayout的默认样式可以通过设置`app:theme`属性来改变。例如，默认主题是`@style/Widget.Design.TabLayout`，它继承自`Base.Widget.Design....
TabLayout修改下划线
09-09
在Android开发中，`TabLayout`是谷歌...总的来说，修改`TabLayout`的下划线涉及到Android的样式系统、编程动态操作以及可能的自定义视图。通过理解这些知识点，开发者可以根据具体需求创造出独具特色的`TabLayout`。
tablayout使用
01-24
`TabLayout`提供了不同的模式，如`MODE_SCROLLABLE`(滑动)和`MODE_FIXED`(固定)，以及自定义的指示器样式和图标，使得UI设计更具灵活性。 ### `ViewPager`介绍 `ViewPager`是一个可以左右滑动浏览多个页面的组件，...
tablayout的自定义tab和自定义指示器
06-28
tablayout+viewpager自定义tab和自定义指示器。完美解决滑动卡顿。
自定义一个好看点的TabLayout
07-12
博客的项目
Kotlin使用TabLayout
luoyanda的博客
09-22 1708
Kotlin使用Tablayout 1.导入依赖包 implementation “com.google.android.material:material:1.0.0” 2.xml文件里使用 com.google.android.material.tabs.TabLayout 3.使用app：属性时会报红，注意添加xmlns:app=“http://schemas.android.com/apk/res-auto” 这里的app就是和我们自定义view时用的declare-styleable类似，没研究…
TabLayout相关设置（TabLayout属性，自定义itemTab,设置垂直分割线）
u011210902的博客
08-21 1277
tabLayout属性 <com.google.android.material.tabs.TabLayout android:id="@+id/tb_video_message_type" android:layout_width="match_parent" android:layout_height="50dp" app:tabTextColor="@color/black3d3d3d" app:tabSelecte
JQuery控制图片无缝滚动 (左移动）
xmlife的专栏
06-20 1172
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">         JS图片向左滚动         img{     border: none;     }
Android TabLayout的自定义Tab
std7879的博客
06-18 2279
实现效果如下图： 上代码： xml activity: 普通的tablayout实现起来比较麻烦，但是升级后的com.google.android.material.tabs.TabLayout就很棒，实现其他效果也很方便~
史上最巧妙自定义tablayout指示器
philos3的博客
06-07 7295
国际惯例，无图无真相首先我们先过几个概念，老手这个请自行跳过。 Android的View显示在界面上需要三步：测量，定位和绘制。 第一步：测量，View的measure方法这个方法用来测量View显示的宽高值。这个宽高值是基于View**自身宽高，再加上父View的约束**得到的。这个约束使用MeasureSpec类传递。@Override protected void onMe
Tablayout自定义view
03-31
TabLayout提供了默认的样式，但是我们也可以自定义TabLayout的样式，包括自定义选项卡的布局和样式。下面介绍一下如何自定义TabLayout的布局和样式。 1. 自定义选项卡的布局 我们可以通过TabLayout的setCustomView...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值