全部產品
Search
文件中心

Mobile Platform as a Service:資金輸入

更新時間:Jul 13, 2024

AUAmountInputBox 組件提供金額輸入框,輸入框中的數字為特殊的數字字型。輸入框包括編輯框(AUAmountEditText)和備忘(AUAmountFootView)兩個部分,其中 AUAmountFootView 有兩種樣式(可編輯的輸入框和文本展示),可自由組合。

同時,該組件配套提供帶特殊數字字型的展示使用 AUAmountLabelText。

效果圖

金額輸入規則如下圖所示。

介面說明

AUAmountInputBox

    /**
     * 擷取編輯框
     * @return
     */
    public AUEditText getEditText() 

    /**
     * 擷取編輯框
     * @return
     */
    public AUAmountEditText getEditLayout() 

    /**
     * 擷取資金鏈的 footView
     * @return
     */
    public AUAmountFootView getFootView()

    /**
     * 擷取輸出框的標題列
     * @return
     */
    public AUTextView getTitleView() 

    /**
     * 設定 HeadView 的屬性
     * @param style EDIT_STYLE 、TEXT_STYLE
     */
    public void setFootStyle(int style)

    /**
     * 設定 FootView 的編輯框提示
     * @param hint
     */
    public void setFootHint(String hint)


    /**
     * 設定 FootView的text
     * @param text
     */
    public void setFootText(String text)

AUAmountEditText

    /**
     * 擷取 EditText
     * @return
     */
    public AUEditText getEditText() 


    /**
     * 擷取輸入框資訊
     * @return
     */
    public Editable getEditTextEditable()

    /**
     * 設定分割線顯示或隱藏
     * @param visible
     */
    public void setDividerVisible(boolean visible)

    /**
     * 設定提示
     * @param hint
     */
    public void setHint(String hint)

    /**
     * 設定是否展示刪除按鈕
     * @param isShow
     */
    public void isShowClearIcon(boolean isShow)

    /**
     * 增加 focus 監聽
     * @param listener
     */
    public void addOnFocusChangeListeners(OnFocusChangeListener listener)

    /**
     * 綁定外部的 AUNumberKeyboardView ScrollView
     * @param keyboardView
     * @param scrollView
     */
    public void setKeyBoardView(AUNumberKeyboardView keyboardView, ScrollView scrollView)

    /**
     * 綁定外部的 AUNumberKeyboardView
     * @param keyboardView
     */
    public void setKeyBoardView(AUNumberKeyboardView keyboardView)

自訂屬性

屬性

說明

類型

footStyle

頭部 view 的類型。

editStyle,textStyle

amountTitleText

編輯框標題。

string,reference

amountHintText

編輯框的提示。

string,reference

程式碼範例

通用程式碼範例

<com.alipay.mobile.antui.amount.AUAmountEditText
    android:id="@+id/edit_text"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:amountHintText="可用餘額500.00" />

<com.alipay.mobile.antui.amount.AUAmountLabelText
    android:id="@+id/label_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal" />

<com.alipay.mobile.antui.amount.AUAmountInputBox
      android:id="@+id/amount_input_1"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="10dp"
      app:amountTitleText="轉賬金額" />

<com.alipay.mobile.antui.amount.AUAmountInputBox
      android:id="@+id/amount_input_2"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="10dp"
      app:amountTitleText="轉賬金額"
      app:amountHintText="可用餘額500.00"
      app:footStyle="textStyle" />

AUAmountInputBox inputBox1 = (AUAmountInputBox)findViewById(R.id.amount_input_1);
inputBox1.setFootHint("添加轉賬說明");

AUAmountInputBox inputBox2 = (AUAmountInputBox)findViewById(R.id.amount_input_2);
inputBox2.setFootText("不可輸入");

帶數字鍵台的程式碼範例

<?xml version="1.0" encoding="utf-8"?>
<com.alipay.mobile.antui.basic.AULinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res/com.alipay.mobile.antui"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.alipay.mobile.antui.basic.AUScrollView
        android:id="@+id/scroll"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <com.alipay.mobile.antui.basic.AULinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <com.alipay.mobile.antui.amount.AUAmountInputBox
                android:id="@+id/amount_input_1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                app:amountTitleText="轉賬金額" />
        </com.alipay.mobile.antui.basic.AULinearLayout>
    </com.alipay.mobile.antui.basic.AUScrollView>

    <com.alipay.mobile.antui.keyboard.AUNumberKeyboardView
        android:id="@+id/keyboard"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:visibility="gone"/>
</com.alipay.mobile.antui.basic.AULinearLayout>
//初始化
keyboardView = (AUNumberKeyboardView) findViewById(R.id.keyboard);
inputBox1 = (AUAmountInputBox)findViewById(R.id.amount_input_1);
ScrollView scrollView = (ScrollView) findViewById(R.id.scroll);

//綁定鍵盤
inputBox1.getEditLayout().setKeyBoardView(keyboardView, scrollView);