Question

我正在使用TextInputLayout，并且我在其中设置了drawableLeft，当我点击edittext时，标签已经浮动但我想用标签浮动左侧drawable。我怎样才能实现，见附图...

现在，当我点击＆＃34;标题＆＃34;只有leble正在浮动，但我希望两者都应该浮动＆＃34; leftdrawable＆＃34;和＆＃34;标签＆＃34;聚焦时在点击它之前，它将看起来像＃34;服务日期＆＃34;。

我的代码在下面..

<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/input_layout_cardnum"
    >
    <ImageView
        android:id="@+id/imgLeft"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_gravity="bottom"
        android:src="@mipmap/ic_launcher"
        android:layout_marginBottom="10dp"
        />
    <android.support.design.widget.TextInputLayout
        android:id="@+id/input_layout_cardnums"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
        <EditText
            android:id="@+id/cardnumEditTexst"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:maxLength="255"
            android:singleLine="true"
            android:hint="hello"
            android:drawableLeft="@null"
            android:paddingLeft="35dp"
            />
    </android.support.design.widget.TextInputLayout>
</FrameLayout>

在我的代码中，我在onFocus上设置动画，以便在标签上显示

  final Animation animation = AnimationUtils.loadAnimation(this,R.anim.anims);
  final ImageView imgLeft = (ImageView) findViewById(R.id.imgLeft);

  final EditText et = (EditText) findViewById(R.id.cardnumEditTexst);
    et.setOnFocusChangeListener(new View.OnFocusChangeListener()
    {
        @Override
        public void onFocusChange(View v, boolean hasFocus)
        {
            if (hasFocus)
            {
                if (et.getText().length() == 0)
                {
                    imgLeft.startAnimation(animation);
                }
            } else
            {
                if (et.getText().length() == 0)
                    imgLeft.clearAnimation();
            }
        }
    });

我的动画会将图像视图放在顶部

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
     android:fillAfter="true"
     android:duration="200"
     android:interpolator="@android:interpolator/linear"
    >
    <scale
        android:fromXScale="0%"
        android:fromYScale="0%"
        android:toXScale="60%"
        android:toYScale="60%"
        android:pivotX="50%"
        android:pivotY="50%"
        />
    <translate
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:startOffset="100"
        android:fromYDelta="0%"
        android:toYDelta="-80%"/>

</set>

通过设置我得到的，现在漂浮是可以的但是看到 paddingLeft =＆＃34; 35dp＆＃34; ，我想从第0个位置开始看到第一张图片中＆＃34;名称＆＃34;显示，我的意思是不应该填充，但如果我删除 paddingLeft浮动功能丢失。

Answer 1

试试这个......

final Animation animation = AnimationUtils.loadAnimation(this, R.anim.anims);
final ImageView imgLeft = (ImageView) findViewById(R.id.imgLeft);

findViewById(R.id.cardnumEditTexst).setOnFocusChangeListener(new View.OnFocusChangeListener() {
    @Override
    public void onFocusChange(View v, boolean hasFocus) {
        if (hasFocus) {
            imgLeft.startAnimation(animation);
        } else {
            imgLeft.clearAnimation();
        }
    }
});

和

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200"
    android:fillAfter="true"
    android:interpolator="@android:interpolator/linear">

    <scale
        android:fromXScale="0%"
        android:fromYScale="0%"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="60%"
        android:toYScale="60%" />

    <translate xmlns:android="http://schemas.android.com/apk/res/android"
        android:fromYDelta="0%"
        android:startOffset="100"
        android:toYDelta="-80%" />

</set>

并像这样设置你的布局......

<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/input_layout_cardnum">

    <ImageView
        android:id="@+id/imgLeft"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_gravity="bottom"
        android:src="@mipmap/ic_launcher"
        android:layout_marginBottom="10dp" />

    <android.support.design.widget.TextInputLayout
        android:id="@+id/input_layout_cardnums"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/cardnumEditTexst"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:maxLength="255"
            android:singleLine="true"
            android:hint="hello"
            android:drawableLeft="@null"
            android:paddingLeft="35dp" />
    </android.support.design.widget.TextInputLayout>
</FrameLayout>

如何在TextInputLayout中使用（提示）标签浮动左侧drawable？

1 个答案: