15

このようなシャドウ（下部と右側）を持つEditTextフィールドを設計しようとしています

ここに画像の説明を入力してください

グーグルを試し、多くのSOディスカッションを探しましたが、すべてEditTextではなくTextView用です。

これは、入力テキストに影を追加するが、TextFieldには影を追加しない私のコードです。

<EditText android:id="@+id/txtpin" 
        android:maxLength="4" 
        android:layout_marginLeft="10dp" 
        android:layout_height="37dp" 
        android:gravity="center_horizontal" 
        android:inputType="textPassword" 
        android:longClickable="false" 
        android:layout_width="160dp" 

        android:shadowColor="@color/Black"
        android:shadowDx="1.2"
        android:shadowDy="1.2"
        android:shadowRadius="1.5" 

        android:background="@color/White">
            <requestFocus></requestFocus>
        </EditText>

ドローアブルのカスタムxmlビューが必要だと思いますが、正確なアイデアは得られません。これを達成するためのロジックは何でしょうか。

どんな助けでもいただければ幸いです。

4

3 に答える 3

28

ええと..@Shaliniの答えはこのように私を助けましたが、それでも私はEditTextフィールドで2Dシャドウを達成する別の方法を手に入れました、そして私はあなたと共有するつもりです。

EditText、下部シャドウ、右側シャドウの3つのレイヤーを持つカスタムXMLビューを作成する必要があります

以下は私のコードです。

res / drawable / edittext_shadow.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<!-- most important is order of layers -->

    <!-- Bottom right side 2dp Shadow -->
    <item >
        <shape android:shape="rectangle">
            <solid android:color="#000000" />           
        </shape>
    </item>

    <!-- Bottom 2dp Shadow -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#000000" />   
        </shape>
    </item>

    <!-- White Top color -->
    <item android:bottom="3px" android:right="3px">
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />           
        </shape>
    </item> 
</layer-list>

これで、「Background」プロパティを使用して、このシャドウビューをTextFieldに設定できます。

このような

res / layout / main.xml

<EditText android:layout_width="wrap_content" 
            android:id="@+id/txtpin"  
            android:maxLength="4" 
            android:layout_height="37dp" 
            android:gravity="center_horizontal" 
            android:longClickable="false" 
            android:padding="2dp"

            android:inputType="textPassword|number" 
            android:password="true" 
            android:background="@drawable/edittext_shadow" 
            android:layout_weight="0.98" 
            android:layout_marginLeft="15dp">
                <requestFocus></requestFocus>
   </EditText>

結果画面は、上記の質問に投稿したようなものです。

SOのおかげで、知識を共有できます。

于 2012-06-05T12:00:31.270 に答える
8

これは私のために働きます。

   <EditText 
       android:layout_width="fill_parent" 
       android:shadowRadius="2"  
       android:shadowColor="#0000ff"
       android:shadowDx="2"
       android:shadowDy="4" 
       android:id="@+id/EditText01" 
       android:layout_height="wrap_content" />

それが役に立てば幸い：）

于 2012-06-04T10:10:16.700 に答える
2

Androidのテキストのシャドウ効果から？、おそらくあなたは使用を検討するでしょう

android:shadowColor, 
android:shadowDx,
android:shadowDy,
android:shadowRadius;

または：

setShadowLayer()
于 2012-06-01T13:05:14.860 に答える