全部产品

资金输入

更新时间:2020-06-19 14:47:29

AUAmountInputBox 组件提供资金链输入框,输入框中的数字为特殊的数字字体。输入框包括编辑框(AUAmountEditText)和备注(AUAmountFootView)两个部分,其中 AUAmountFootView 有两种样式(可编辑的输入框和文本展示),可自由组合。

同时,该组件配套提供带特殊数字字体的展示用 AUAmountLabelText。

效果图

注意:金额输入规则如下图所示:

依赖

参见 快速开始

接口说明

AUAmountInputBox

  1. /**
  2. * 获取编辑框
  3. * @return
  4. */
  5. public AUEditText getEditText()
  6. /**
  7. * 获取编辑框
  8. * @return
  9. */
  10. public AUAmountEditText getEditLayout()
  11. /**
  12. * 获取资金链的 footView
  13. * @return
  14. */
  15. public AUAmountFootView getFootView()
  16. /**
  17. * 获取输出框的标题栏
  18. * @return
  19. */
  20. public AUTextView getTitleView()
  21. /**
  22. * 设置 HeadView 的属性
  23. * @param style EDIT_STYLE 、TEXT_STYLE
  24. */
  25. public void setFootStyle(int style)
  26. /**
  27. * 设置 FootView 的编辑框提示
  28. * @param hint
  29. */
  30. public void setFootHint(String hint)
  31. /**
  32. * 设置FootView的text
  33. * @param text
  34. */
  35. public void setFootText(String text)

AUAmountEditText

  1. /**
  2. * 获取 EditText
  3. * @return
  4. */
  5. public AUEditText getEditText()
  6. /**
  7. * 获取输入框信息
  8. * @return
  9. */
  10. public Editable getEditTextEditable()
  11. /**
  12. * 设置分割线显示或隐藏
  13. * @param visible
  14. */
  15. public void setDividerVisible(boolean visible)
  16. /**
  17. * 设置提示
  18. * @param hint
  19. */
  20. public void setHint(String hint)
  21. /**
  22. * 设置是否展示删除按钮
  23. * @param isShow
  24. */
  25. public void isShowClearIcon(boolean isShow)
  26. /**
  27. * 增加 focus 监听
  28. * @param listener
  29. */
  30. public void addOnFocusChangeListeners(OnFocusChangeListener listener)
  31. /**
  32. * 绑定外部的 AUNumberKeyboardView ScrollView
  33. * @param keyboardView
  34. * @param scrollView
  35. */
  36. public void setKeyBoardView(AUNumberKeyboardView keyboardView, ScrollView scrollView)
  37. /**
  38. * 绑定外部的 AUNumberKeyboardView
  39. * @param keyboardView
  40. */
  41. public void setKeyBoardView(AUNumberKeyboardView keyboardView)

自定义属性

属性名 说明 类型
footStyle 头部 view 的类型 editStyle,textStyle
amountTitleText 编辑框标题 string,reference
amountHintText 编辑框的提示 string,reference

代码示例

通用代码示例

  1. <com.alipay.mobile.antui.amount.AUAmountEditText
  2. android:id="@+id/edit_text"
  3. android:layout_width="match_parent"
  4. android:layout_height="wrap_content"
  5. app:amountHintText="可用余额500.00" />
  6. <com.alipay.mobile.antui.amount.AUAmountLabelText
  7. android:id="@+id/label_text"
  8. android:layout_width="wrap_content"
  9. android:layout_height="wrap_content"
  10. android:layout_gravity="center_horizontal" />
  11. <com.alipay.mobile.antui.amount.AUAmountInputBox
  12. android:id="@+id/amount_input_1"
  13. android:layout_width="match_parent"
  14. android:layout_height="wrap_content"
  15. android:layout_marginTop="10dp"
  16. app:amountTitleText="转账金额" />
  17. <com.alipay.mobile.antui.amount.AUAmountInputBox
  18. android:id="@+id/amount_input_2"
  19. android:layout_width="match_parent"
  20. android:layout_height="wrap_content"
  21. android:layout_marginTop="10dp"
  22. app:amountTitleText="转账金额"
  23. app:amountHintText="可用余额500.00"
  24. app:footStyle="textStyle" />
  25. AUAmountInputBox inputBox1 = (AUAmountInputBox)findViewById(R.id.amount_input_1);
  26. inputBox1.setFootHint("添加转账说明");
  27. AUAmountInputBox inputBox2 = (AUAmountInputBox)findViewById(R.id.amount_input_2);
  28. inputBox2.setFootText("不可输入");

带数字键盘的代码示例

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <com.alipay.mobile.antui.basic.AULinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res/com.alipay.mobile.antui"
  4. android:layout_width="match_parent"
  5. android:layout_height="match_parent"
  6. android:orientation="vertical">
  7. <com.alipay.mobile.antui.basic.AUScrollView
  8. android:id="@+id/scroll"
  9. android:layout_weight="1"
  10. android:layout_width="match_parent"
  11. android:layout_height="match_parent">
  12. <com.alipay.mobile.antui.basic.AULinearLayout
  13. android:layout_width="match_parent"
  14. android:layout_height="match_parent"
  15. android:orientation="vertical">
  16. <com.alipay.mobile.antui.amount.AUAmountInputBox
  17. android:id="@+id/amount_input_1"
  18. android:layout_width="match_parent"
  19. android:layout_height="wrap_content"
  20. android:layout_marginTop="10dp"
  21. app:amountTitleText="转账金额" />
  22. </com.alipay.mobile.antui.basic.AULinearLayout>
  23. </com.alipay.mobile.antui.basic.AUScrollView>
  24. <com.alipay.mobile.antui.keyboard.AUNumberKeyboardView
  25. android:id="@+id/keyboard"
  26. android:layout_width="match_parent"
  27. android:layout_height="wrap_content"
  28. android:visibility="gone"/>
  29. </com.alipay.mobile.antui.basic.AULinearLayout>
  1. //初始化
  2. keyboardView = (AUNumberKeyboardView) findViewById(R.id.keyboard);
  3. inputBox1 = (AUAmountInputBox)findViewById(R.id.amount_input_1);
  4. ScrollView scrollView = (ScrollView) findViewById(R.id.scroll);
  5. //绑定键盘
  6. inputBox1.getEditLayout().setKeyBoardView(keyboardView, scrollView);