Android 自定义View之Settingitem

已于 2024-03-12 13:26:09 修改
阅读量236 收藏 1
点赞数
分类专栏： # Android 自定义控件 文章标签： Android 自定义View 设置条
于 2019-03-20 17:21:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_14876133/article/details/88694183
版权

文章目录

Android 自定义View之Settingitem

自定义设置条。

在这里插入图片描述

代码

定义属性

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- 设置item -->
    <declare-styleable name="SettingItem">
        <!-- 左边 -->
        <attr name="item_leftText" format="string" />
        <attr name="item_leftTextColor" format="color" />
        <attr name="item_leftTextSize" format="dimension" />
        <attr name="item_leftDrawable" format="reference" />
        <attr name="item_leftDrawablePadding" format="dimension" />
        <attr name="item_leftDrawableSize" format="dimension" />
        <!-- 右边 -->
        <attr name="item_rightText" format="string" />
        <attr name="item_rightTextColor" format="color" />
        <attr name="item_rightTextSize" format="dimension" />
        <attr name="item_rightDrawable" format="reference" />
        <attr name="item_rightDrawablePadding" format="dimension" />
        <attr name="item_rightDrawableSize" format="dimension" />
        <!-- 分割线 -->
        <attr name="item_lineVisible" format="boolean" />
        <attr name="item_lineDrawable" format="color|reference" />
        <attr name="item_lineWidth" format="dimension" />
        <attr name="item_lineMargin" format="dimension" />
    </declare-styleable>
</resources>

定义SettingItem

class SettingItem @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, @AttrRes defStyleAttr: Int = 0
) : FrameLayout(context, attrs, defStyleAttr) {

    companion object {
        val DEFAULT_TEXT_SIZE = sp2px(14)
        val DEFAULT_TEXT_COLOR = Color.parseColor("#99000000")
        const val DEFAULT_DRAWABLE_SIZE = 0
        val DEFAULT_DRAWABLE_PADDING = dp2px(0)
        const val DEFAULT_LINE_WIDTH = 1
        val DEFAULT_LINE_COLOR = Color.parseColor("#0D000000")
    }

    private val mContainerLayout by lazy {
        LinearLayout(context).apply {
            layoutParams =
                FrameLayout.LayoutParams(
                    LayoutParams.MATCH_PARENT,
                    LayoutParams.WRAP_CONTENT,
                    Gravity.CENTER_VERTICAL
                )
        }
    }

    private val mLeftTextView by lazy {
        TextView(context).apply {
            val leftLayoutParams =
                LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.WRAP_CONTENT, 1F)
            leftLayoutParams.gravity = Gravity.CENTER_VERTICAL
            layoutParams = leftLayoutParams
            isSingleLine = true
            ellipsize = TextUtils.TruncateAt.END
            setPaddingRelative(dp2px(15), dp2px(12), dp2px(15), dp2px(12))
            gravity = Gravity.START or Gravity.CENTER_VERTICAL
        }
    }

    private val mRightTextView by lazy {
        TextView(context).apply {
            val rightLayoutParams =
                LinearLayout.LayoutParams(
                    LinearLayout.LayoutParams.WRAP_CONTENT,
                    LinearLayout.LayoutParams.WRAP_CONTENT
                )
            rightLayoutParams.gravity = Gravity.CENTER_VERTICAL
            layoutParams = rightLayoutParams
            isSingleLine = true
            ellipsize = TextUtils.TruncateAt.END
            setPaddingRelative(dp2px(15), dp2px(12), dp2px(15), dp2px(12))
            gravity = Gravity.END or Gravity.CENTER_VERTICAL
        }
    }

    private val mLineView by lazy {
        View(context).apply {
            layoutParams = FrameLayout.LayoutParams(LayoutParams.MATCH_PARENT, 1, Gravity.BOTTOM)
        }
    }

    init {
        val a = context.obtainStyledAttributes(attrs, R.styleable.SettingItem)

        // 设置左边
        mLeftTextView.apply {
            // 设置左边文本
            if (a.hasValue(R.styleable.SettingItem_item_leftText)) {
                text = a.getString(R.styleable.SettingItem_item_leftText)
            }
            // 设置左边文字大小
            val leftTextSize =
                a.getDimensionPixelSize(
                    R.styleable.SettingItem_item_leftTextSize,
                    DEFAULT_TEXT_SIZE
                ).toFloat()
            setTextSize(TypedValue.COMPLEX_UNIT_PX, leftTextSize)
            // 设置左边文字颜色
            val leftTextColor =
                a.getColor(R.styleable.SettingItem_item_leftTextColor, DEFAULT_TEXT_COLOR)
            setTextColor(leftTextColor)
            // 设置左边图片
            val leftDrawable = a.getDrawable(R.styleable.SettingItem_item_leftDrawable)
//            setCompoundDrawablesWithIntrinsicBounds(leftDrawable, null, null, null)
            // 设置左边图片大小
            val leftDrawableSize = a.getDimensionPixelSize(
                R.styleable.SettingItem_item_leftDrawableSize,
                DEFAULT_DRAWABLE_SIZE
            )
            if (leftDrawable != null) {
                if (leftDrawableSize > 0) {
                    leftDrawable.setBounds(0, 0, leftDrawableSize, leftDrawableSize)
                } else {
                    leftDrawable.setBounds(
                        0,
                        0,
                        leftDrawable.intrinsicWidth,
                        leftDrawable.intrinsicHeight
                    )
                }
                mLeftTextView.setCompoundDrawables(leftDrawable, null, null, null)
            }
            // 设置左边文字和图片之间的间距
            val leftDrawablePadding = a.getDimensionPixelSize(
                R.styleable.SettingItem_item_leftDrawablePadding,
                DEFAULT_DRAWABLE_PADDING
            )
            compoundDrawablePadding = leftDrawablePadding
        }

        // 设置右边
        mRightTextView.apply {
            // 设置右边文本
            if (a.hasValue(R.styleable.SettingItem_item_rightText)) {
                text = a.getString(R.styleable.SettingItem_item_rightText)
            }
            // 设置右边文字大小
            val rightTextSize =
                a.getDimensionPixelSize(
                    R.styleable.SettingItem_item_rightTextSize,
                    DEFAULT_TEXT_SIZE
                ).toFloat()
            setTextSize(TypedValue.COMPLEX_UNIT_PX, rightTextSize)
            // 设置右边文字颜色
            val rightTextColor =
                a.getColor(R.styleable.SettingItem_item_rightTextColor, DEFAULT_TEXT_COLOR)
            setTextColor(rightTextColor)
            // 设置右边图片
            val rightDrawable = a.getDrawable(R.styleable.SettingItem_item_rightDrawable)
            setCompoundDrawablesWithIntrinsicBounds(rightDrawable, null, null, null)
            // 设置右边图片大小
            val rightDrawableSize = a.getDimensionPixelSize(
                R.styleable.SettingItem_item_rightDrawableSize,
                DEFAULT_DRAWABLE_SIZE
            )
            if (rightDrawable != null) {
                if (rightDrawableSize > 0) {
                    rightDrawable.setBounds(0, 0, rightDrawableSize, rightDrawableSize)
                } else {
                    rightDrawable.setBounds(
                        0,
                        0,
                        rightDrawable.intrinsicWidth,
                        rightDrawable.intrinsicHeight
                    )
                }
                mRightTextView.setCompoundDrawables(null, null, rightDrawable, null)
            }
            // 设置右边文字和图片之间的间距
            val rightDrawablePadding = a.getDimensionPixelSize(
                R.styleable.SettingItem_item_rightDrawablePadding,
                DEFAULT_DRAWABLE_PADDING
            )
            compoundDrawablePadding = rightDrawablePadding
        }

        // 设置下划线
        mLineView.apply {
            // 设置是否显示下划线
            val visible = a.getBoolean(R.styleable.SettingItem_item_lineVisible, false)
            visibility = if (visible) View.VISIBLE else View.GONE
            val params = layoutParams as FrameLayout.LayoutParams
            // 设置下划线宽度
            val lineWidth =
                a.getDimensionPixelSize(R.styleable.SettingItem_item_lineWidth, DEFAULT_LINE_WIDTH)
            params.height = lineWidth
            // 设置下换线左右边距
            val lineMargin = a.getDimensionPixelSize(R.styleable.SettingItem_item_lineMargin, 0)
            params.leftMargin = lineMargin
            params.rightMargin = lineMargin
            layoutParams = params
            // 设置下划线颜色
            mLineView.background =
                if (a.hasValue(R.styleable.SettingItem_item_lineDrawable)) {
                    a.getDrawable(R.styleable.SettingItem_item_lineDrawable)
                } else {
                    ColorDrawable(Color.parseColor("#FFECECEC"))
                }
        }

        if (background == null) {
            val drawable = StateListDrawable()
            drawable.addState(
                intArrayOf(android.R.attr.state_pressed),
                ColorDrawable(DEFAULT_LINE_COLOR)
            )
            drawable.addState(
                intArrayOf(android.R.attr.state_selected),
                ColorDrawable(DEFAULT_LINE_COLOR)
            )
            drawable.addState(
                intArrayOf(android.R.attr.state_focused),
                ColorDrawable(DEFAULT_LINE_COLOR)
            )
            drawable.addState(
                intArrayOf(),
                ColorDrawable(ContextCompat.getColor(getContext(), R.color.white))
            )
            background = drawable

            // 必须要设置可点击，否则点击屏幕任何角落都会触发按压事件
            isFocusable = true
            isClickable = true
        }

        a.recycle()

        mContainerLayout.addView(mLeftTextView)
        mContainerLayout.addView(mRightTextView)

        addView(mContainerLayout, 0)
        addView(mLineView, 1)
    }
}

使用

方式一：

在这里插入图片描述

<com.example.tools.setting_item.layout.SettingItem
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="15dp"
    app:item_leftDrawable="@drawable/ic_arrows_left"
    app:item_leftText="设置1"
    app:item_rightDrawable="@drawable/ic_arrows_right"
    app:item_rightText="设置2" />

方式二：

在这里插入图片描述

    <com.example.tools.setting_item.layout.SettingItem
        android:id="@+id/setting_about"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        app:item_leftText="关于我们"
        app:item_lineMargin="15dp"
        app:item_lineVisible="true"
        app:item_lineWidth="2dp"
        app:item_rightDrawable="@drawable/ic_arrows_right" />

    <com.example.tools.setting_item.layout.SettingItem
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:item_leftText="关于我们2"
        app:item_rightDrawable="@drawable/ic_arrows_right" />

方式三：

在这里插入图片描述

<com.example.tools.setting_item.layout.SettingItem
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="15dp"
    app:item_leftDrawable="@drawable/icon_smile"
    app:item_leftDrawablePadding="5dp"
    app:item_leftDrawableSize="30dp"
    app:item_leftText="清空缓存"
    app:item_rightDrawable="@drawable/ic_arrows_right" />

方式四：

在这里插入图片描述

<com.example.tools.setting_item.layout.SettingItem
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="15dp"
    app:item_leftText="请输入">

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical|end"
        android:hint="请输入相关信息"
        android:textSize="14sp" />
</com.example.tools.setting_item.layout.SettingItem>

方式五：

在这里插入图片描述

<com.example.tools.setting_item.layout.SettingItem
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="15dp"
    app:item_leftText="退出登录"
    app:item_leftTextColor="#F00"
    app:item_leftTextSize="18sp" />

代码下载

xiangxiongfly915
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
django-admin-customizer:Django admin 自定义界面
06-22
django-admin-customizer Django admin 自定义界面 特征 同一模型的多个管理实例 定制： 列表显示 列表过滤器 raw_id_fields 搜索字段 去做 动作配置器 基础管理类支持 要求 Django 1.3、1.4、1.5、1.6。 不支持 Django 1.2 或更早版本。 Python 2.6 或 2.7 安装指南 从 pypi 安装，使用 pip： pip install django-admin-customizer 或者使用设置工具： easy_install django-admin-customizer 将admin_customizer添加到INSTALLED_APPS ： INSTALLED_APPS += ( "admin_customizer" , ) 将管理定制器的 url 添加到您的根 url conf。
Django admin禁用编辑链接和添加删除操作详解
09-18
今天小编就为大家分享一篇Django admin禁用编辑链接和添加删除操作详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Django Admin中增加导出Excel功能过程解析
12-25
在使用Django Admin时, 对于列表我们有时需要提供数据导出功能, 如下图: 增加导出Excel功能 在Django Admin中每个模型的Admin类(继承至admin.ModelAdmin), 我们可以通过actions增加支持的动作, 值为当前类存在的方法名, 例如: ....... @admin.register(Issue) class IssueAdmin(admin.ModelAdmin): ...... actions = ['export_as_excel'] # 增加动作, 对应相应的方法名 def export_as_csv(self, requ
django-foldable-admin:在Django Admin UI中折叠展开应用程序
05-12
django-foldable-admin django-foldable-admin允许折叠/扩展应用程序部分。 :skull_and_crossbones: 此项目不再受支持 :skull_and_crossbones: 要求： Django> = 1.8（自Django> = 2起未在新版本上进行测试） Python 2.7或> = 3.3（由于Python> = 3.4，因此未在新版本上进行测试） 安装 您可以在django-foldable-admin文件夹中找到所有必需的文件。 添加模板 将以下模板添加到您的templates目录。 例如： templates └── admin ├── foldable_admin.html └── index.html 如果您有自己的覆盖的admin/index.html模板，则需要在其中覆盖{% block content %} ： { % block content % } { %
详解Django admin高级用法
01-21
使用Django意味着后台框架的几乎所有内容都会和Django产生互动,排除功能全部手撸的情况. Django 后台admin有大量的属性和方法,拥有强大的功能和自定义能力.通过完整的代码来看Django admin的基础设置和高级用法,并结合form表单来实现深度自定义. 简单使用 如果只是使用admin自带的数据管理功能,只需要将模型注册到admin中,就可以实现. from django.contrib import admin admin.site.register(News) admin.site.register(NewsType) admin.site.site_header
android 自定义view setchecked 无效,android 自定义checkbox怪异事件（未完）
weixin_39861823的博客
05-25 248
自定义的控件发生怪事，若有人知道麻烦告知下。后来试验发现在onResume()方法中初始化siv选择状态，就没有这些问题。可能和activity生命周期有关。自定义一个包含checkbox的控件。控件布局：控件源码：public class SettingItemView extends LinearLayout { private TextView tv; private CheckBox cb...
android butterknife 自定义view,android框架之ButterKnife注解式框架
weixin_30811007的博客
05-25 123
ButterKnife注解式框架简介所谓注解式顾名思义就是利用注解的方式将代码抽象化，每次使用只需要传递key和value值就行了，ButterKnife框架将View定义和点击事件很好的进行了注解式抽象，利用它我们不必使用findViewById和setOnClickListener，极大的简化了我们的代码，ButterKnife还对listView的ViewHolder提供了方便的绑定处理。B...
Android自定义View之继承TextView绘制背景
01-04
本文实例为大家分享了TextView绘制背景的方法，供大家参考，具体内容如下 效果： 实现流程： 1.初始化：对画笔进行设置 mPaintIn = new Paint(); mPaintIn.setAntiAlias(true);...mPaintIn.setDither(true);...
Android自定义View 雷达扫描效果
01-25
android好看的自定义view Android自定义View 雷达扫描效果。可以根据自己的需求配置View的主题颜色、扫描颜色、扫描速度、圆圈数量、是否显示水滴等。 效果图： 这个View的代码只有一个类，非常的简单。没有提供...
在django admin中添加自定义视图的例子
09-18
今天小编就为大家分享一篇在django admin中添加自定义视图的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
django admin 添加自定义链接方式
09-17
主要介绍了django admin 添加自定义链接方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
django admin 自定义替换change页面模板的方法
09-18
今天小编就为大家分享一篇django admin 自定义替换change页面模板的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Android自定义view详解
02-26
对于我这样一个Android初级开发者来说，自定义View一直是一个遥不可及的东西，每次看到别人做的特别漂亮的控件，自己心里那个痒痒啊，可是又生性懒惰，自己不肯努力去看书，只能望而兴叹，每次做需求用到自定义控件...
Android自定义View控件实现刷新效果
01-05
三种得到LinearInflater的方法 a. LayoutInflater inflater = getLayoutInflater(); b....(LayoutInflater)context.getSystemService (Context.LAYOUT_INFLATER_SERVICE); c....onDraw 方法绘图，invalidate刷新界面。...
Android自定义View实现自动转圈效果
08-27
主要为大家详细介绍了Android自定义View实现自动转圈效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android通用LoadingView加载框架
xiangxiongfly
07-05 8747
手写一个通用加载中、显示数据、加载失败、空数据的LoadingView框架。 定义3个布局：加载中，加载失败，空数据 加载中: &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" andr...
Android 封装Dialog
xiangxiongfly
07-12 7053
封装一个通用Dialog
Android 封装PopupWindow
xiangxiongfly
07-12 5711
封装PopupWindow 自定义PopupWindow：详情看注释 public class CommonPopWindow { private static PopupWindow mPopupWindow; private static Builder mBuilder; private static Vie...
android 自定义view之 TypeArray
最新发布
05-24
TypeArray 是 Android 中的一个特殊的资源类型，用于在 XML 中声明自定义 View 的属性。使用 TypeArray 可以方便地在 XML 布局中指定 View 的属性，而不需要在 Java 代码中进行硬编码。 使用 TypeArray 的步骤如下...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值