常用表单 组件封装

1. 基本功能预览

      

2.基本功能

本次封装的表单组件,分为单行和2行 两种情况;

两种组件 都有设置图片lable、标题 (title)、按提示(hint)、文案(text)、内容距边间距离(padding)这些通用功能;

其次,单行表单组件 还可以允许文本输入、设置标题(title),以及文案(text)/输入框  字体的大小和颜色。

。。。

总的来说,满足 android 开发过程中常见的表单情况。

3.基本使用

1. FormNormal 使用

            <com.dzq.widget.FormNormal
                style="@style/FormNormalBaseStyle"
                android:layout_marginTop="@dimen/padding_10"
                app:fnHint="hint"
                app:fnText="text"
                app:fnTextColor="@color/color_4c97ff"
                app:fnTextSize="22"
                app:fnTitle="title"
                app:fnTitleTextColor="@color/color_4c97ff"
                app:fnTitleTextSize="25" />

            <com.dzq.widget.FormNormal
                style="@style/FormNormalBaseStyle"
                android:layout_marginTop="@dimen/padding_10"
                app:fnResId="@drawable/icon_myjk"
                app:fnText="text"
                app:fnTitle="title" />

            <com.dzq.widget.FormNormal
                style="@style/FormNormalBaseStyle"
                android:layout_marginTop="@dimen/padding_10"
                app:fnResId="@drawable/icon_myjk"
                app:fnBottomPadding="30dp"
                app:fnLeftPadding="30dp"
                app:fnTopPadding="30dp"
                app:fnRightPadding="30dp"
                app:fnText="text"
                app:fnTitle="title" />

2. FormNormal2 使用

            <com.dzq.widget.FormNormal2
                style="@style/FormNormalBaseStyle"
                android:layout_marginTop="@dimen/padding_10"
                app:fn2Text="text"
                app:fn2Title="title"
                app:fn2Title2="title2" />

            <com.dzq.widget.FormNormal2
                style="@style/FormNormalBaseStyle"
                android:layout_marginTop="@dimen/padding_10"
                app:fn2Hint="hint"
                app:fn2ResId="@drawable/icon_id"
                app:fn2Title="title"
                app:fn2Title2="title2" />

            <com.dzq.widget.FormNormal2
                style="@style/FormNormalBaseStyle"
                android:layout_marginTop="@dimen/padding_10"
                app:fn2BottomPadding="30dp"
                app:fn2Hint="hint"
                app:fn2LeftPadding="30dp"
                app:fn2ResId="@drawable/icon_id"
                app:fn2Text="text"
                app:fn2Title="title"
                app:fn2Title2="title2"
                app:fn2TopPadding="30dp" />

更多用法 详见代码,这里就不全部粘贴了。

项目源码下载

导入自己项目

How to

To get a Git project into your build:

Step 1. Add the JitPack repository to your build file

Add it in your root build.gradle at the end of repositories:

    allprojects {
        repositories {
            ...
            maven { url ‘https://jitpack.io‘ }
        }
    }

Step 2. Add the dependency

    dependencies {
            compile ‘com.github.dingzuoqiang:FormNormal:v1.0‘
    }
时间: 2024-10-12 01:08:05

常用表单 组件封装的相关文章

html常用表单元素(组件)

html常用表单元素(组件): 语法: <input type = ?/> 总共有10种,另外两种为文本域textarea,下拉列表选择框 select 问号代表的有以下十种: 1. 文本框(默认——如果没有指定type,默认显示文本框) text 语法<input /> 2.密码框——password 3.单选按钮——radio 4.复选框——checkbox 5.普通按钮——button 6.提交按钮——submit 7.重置按钮——reset 8.文件域——file 9.图像

【09】react 之 表单组件

不太清楚有多少初学React的同学和博主当时一样,在看完React的生命周期.数据流之后觉得已经上手了,甩开文档啪啪啪的开始敲了起来.结果...居然被一个input标签给教做人了. 故事是这样的:首先你创建了一个input标签 var React = require('react'), ReactDOM = require('react-dom'); var Test = React.render(function() { render: function() { return (<input

deirective写form表单组件

directive 在使用隔离 scope 的时候,提供了三种方法同隔离之外的地方交互.这三种分别是 @ 绑定一个局部 scope 属性到当前 dom 节点的属性值.结果总是一个字符串,因为 dom 属性是字符串.& 提供一种方式执行一个表达式在父 scope 的上下文中.如果没有指定 attr 名称,则属性名称为相同的本地名称.= 通过 directive 的 attr 属性的值在局部 scope 的属性和父 scope 属性名之间建立双向绑定 但是当我们不使用隔离scope的时候,我们要能够

一个PHP常用表单验证类(基于正则)

一个基于正则表达式的PHP常用表单验证类,作者:欣然随风.这个表单判断类的功能有:验证是否为指定长度的字母/数字组合.验证是否为指定长度汉字.身 份证号码验证.是否是指定长度的数字.验证邮件地址.电话号码.验证邮编.url地址.数据库转义.数据格式还原等.在平时的PHP项目开发中,这些都比 较常用哦,下面把代码分享给大家: <?php /** * 页面作用:常用表单验证类 * 作 者:欣然随风 * QQ:276624915 */ class class_post { //验证是否为指定长度的字母

我教女朋友学编程Html系列(6)—Html常用表单控件

做过网页的人都知道,html表单控件十分重要.基本上我们注册会员.登录用户,都需要填写用户名.密码,那些框框都是表单控件. 本来今天就想写一些常用的html表单控件,于是开始搜资料,找到了一个网页,作者的写作思路和我的基本相同,不过不足的是缺少效果图. 我打算结合着这位仁兄的文章补充一下,增加一些效果图,另外把一些新内容也补充进去,原文的地址是: HTML表单(Forms) 我站在这位仁兄的肩膀上写作,再增加一些东西,配上一些图,我想,效果应该很好,接着就跟着我来学习吧. HTML表单(Form

JS常用表单验证总结

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti

小程序七:组件之表单组件

button 按钮组件. 属性名 类型 默认值 说明 size String default 有效值default, mini type String default 按钮的样式类型,有效值primary, default, warn plain Boolean false 按钮是否镂空,背景色透明 disabled Boolean false 是否禁用 loading Boolean false 名称前是否带 loading 图标 formType String 无 有效值:submit, r

HTML表单组件

HTML表单组件 form标签里面的东西 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Form.html</title> 5 6 <meta name="keywords" content="keyword1,keyword2,keyword3"> 7 <meta name="description" content=&qu

php常用表单验证类用法实例

<?php /** * 页面作用:常用表单验证类 * 作 者:欣然随风 * QQ:276624915 */ class class_post { //验证是否为指定长度的字母/数字组合 function fun_text1($num1,$num2,$str) { Return (preg_match("/^[a-zA-Z0-9]{".$num1.",".$num2."}$/",$str))?true:false; } //验证是否为指定长度