EditTextカーソルの色を設定する


525

タブレットプロジェクトでAndroidのHoloテーマを使用している場合、この問題が発生します。しかし、画面に白い背景の断片があります。EditTextこのフラグメントにコンポーネントを追加しています。Holo.Lightテーマリソースの背景を設定して、テーマをオーバーライドしようとしました。ただし、テキストカーソル(カラット)は白のままなので、画面には表示されません(edittextフィールドでかすかに見つけることができます。)。

EditTextで暗い色のカーソルを使用する方法を知っている人はいますか?EditTextのスタイルをに設定してみました"@android:style/Widget.Holo.Light.EditText"が、良い結果は得られませんでした。

回答:


1169

android:textCursorDrawable属性をに設定すると、カーソルの色としてが@null使用さandroid:textColorれます。

属性「textCursorDrawable」は、APIレベル12以降で使用できます


24
ああ、それはカーソルが黒になるようにドローアブルを呼び出すよりもはるかに効率的です!! 私はAndroidが大好きですが、これは信じられないほど悪いデフォルトの振る舞いです...誰かが本当にそれを手に入れる必要があります。
Yevgeny Simkin 2012年

26
android 3.2以降.. sucks
Blundell

7
targetマニフェストで3.2 を超える場合は使用できますが、下位バージョンでは無視されます
Blundell

5
設定した場合、代わりにヒント色を使用するようです。少なくとも4.2。カーソルオプションは2.3.3-4.4から問題ありません
MinceMan

5
これは、Androidの最新バージョンでは機能しません。代わりに、灰色のカーソルが表示され、ハイライト機能が混乱します。代わりに@ star18bitの回答を使用してください。
Matthew Bahr 2017年

481

レイアウト中

<EditText  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:textCursorDrawable="@drawable/color_cursor"
    />

次に、drawalble xmlを作成します:color_cursor

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <size android:width="3dp" />
    <solid android:color="#FFFFFF"  />
</shape>

EditTextプロパティに白色のカーソルがあります。


3
属性「textCursorDrawable」は、APIレベル12以上でのみ使用されます
mr.boyfox

64
これが正解です。必ず、なぜそこにこれほど多くの人が「@null」にカーソルを設定すると良いアイデアのように思えることを考えていません
グレッグ・エニス

1
上記の回答では、textCursorDrawableを@nullの結果が正常に見えるように設定しますが、カーソルの方向は意味がありませんが、この回答は非常にうまく機能します。本当にありがとう
iroiroys

カーソルに同じExcelを別の色で使用できますか?
VVB

1
これが最良の解決策です。
アントニオセルジオFerrazの

71

すべての答えが茂みの周りを回っているように見えます。

EditText、プロパティを使用します。

android:textCursorDrawable="@drawable/black_cursor"

black_cursor.xml次のように、ドローアブルをリソースに追加します。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
    <size android:width="1dp" />
    <solid android:color="#000000"/>
</shape>

これは、必要に応じて、より多様なカーソルを作成する方法でもあります。


3
これはAndroid 4.2 Jelly Beanでは機能しません...カーソルが消え、@ nullが進みます。
エドガー

@Edgar 4.2 JBではテーマレベルで問題なく動作するようです。
mkuech 2013年

Android 4.2.2は正常に動作します。black_cursor.xmlに<solid android:color = "#000000" />を追加することを忘れないでください
Andrei Aulaska

属性「textCursorDrawable」は、APIレベル12以降でのみ使用されます
mr.boyfox

53

最新のAppcompactv21でカーソルの色を変更する新しい方法があります。次のようにスタイルを
変更colorAccentするだけです。

 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Set theme colors from http://www.google.com/design/spec/style/color.html#color-color-palette-->

    <!-- colorPrimary is used for the default action bar background -->
    <item name="colorPrimary">#088FC9</item>

    <!-- colorPrimaryDark is used for the status bar -->
    <item name="colorPrimaryDark">#088FC9</item>

    <!-- colorAccent is used as the default value for colorControlActivated
         which is used to tint widgets -->
    <!-- THIS IS WHAT YOU'RE LOOKING FOR -->
    <item name="colorAccent">#0091BC</item> 
</style>

次に、このスタイルをアプリのテーマまたはアクティビティに適用します。

更新:この方法はAPI 21以降でのみ機能します。
更新2:機能するAndroidの最小バージョンがわかりません。
Androidバージョンでテスト済み:

2.3.7 - didn't work
4.4.4 - worked
5.0 - worked
5.1 - worked

1
答えはノーです。API 18デバイスでテストしましたが、機能しません。
R4j 2015年

1
私のソニー・エクスペリアに取り組んでいます。PreLollipop(4.4.4)。AppCompatライブラリも使用します。:)
vida

API 24 / Android 7.0では機能しません。colorAccentたとえば、の下部の線が変わりEditTextますが、実際のカーソルの色には影響しません。もちろん、「v21」はもうありません。
ネフ

39

私は答えを見つけました:)

テーマのeditTextスタイルを次のように設定しました。

<item name="android:editTextStyle">@style/myEditText</item>

次に、次のドローアブルを使用してカーソルを設定しました。

`

<style name="myEditText" parent="@android:style/Widget.Holo.Light.EditText">
    <item name="android:background">@android:drawable/editbox_background_normal</item>
    <item name="android:textCursorDrawable">@android:drawable/my_cursor_drawable</item>
    <item name="android:height">40sp</item>
</style>

`

ここではandroid:textCursorDrawableが重要です。


3
stackoverflow.com/questions/2658772/android-vertical-line-xmlは、垂直線だけのカーソルをドローアブルにしたい人に役立つかもしれません:)
Andrew Wyld

1
プログラムでカーソルの色を設定する方法を教えてください
Anil MH

アイテムに名前を付けたときに問題が発生しましたandroid:editTextStyleが、editTextStyle修正して変更しました。stackoverflow.com/a/34010235/6744473を

24

EditTextカーソルの色を動的に設定する必要がある人のために、これを実現する2つの方法を以下に示します。


まず、カーソルドローアブルを作成します。

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

    <solid android:color="#ff000000" />

    <size android:width="1dp" />

</shape>

カーソルドローアブルリソースIDを、作成したドローアブルに設定します(https://github.com/android/platform_frameworks_base/blob/kitkat-release/core/java/android/widget/TextView.java#L562-564">source)) :

try {
    Field f = TextView.class.getDeclaredField("mCursorDrawableRes");
    f.setAccessible(true);
    f.set(yourEditText, R.drawable.cursor);
} catch (Exception ignored) {
}

デフォルトのカーソルドローアブルの色を変更するには、次の方法を使用できます。

public static void setCursorDrawableColor(EditText editText, int color) {
    try {
        Field fCursorDrawableRes = 
            TextView.class.getDeclaredField("mCursorDrawableRes");
        fCursorDrawableRes.setAccessible(true);
        int mCursorDrawableRes = fCursorDrawableRes.getInt(editText);
        Field fEditor = TextView.class.getDeclaredField("mEditor");
        fEditor.setAccessible(true);
        Object editor = fEditor.get(editText);
        Class<?> clazz = editor.getClass();
        Field fCursorDrawable = clazz.getDeclaredField("mCursorDrawable");
        fCursorDrawable.setAccessible(true);

        Drawable[] drawables = new Drawable[2];
        Resources res = editText.getContext().getResources();
        drawables[0] = res.getDrawable(mCursorDrawableRes);
        drawables[1] = res.getDrawable(mCursorDrawableRes);
        drawables[0].setColorFilter(color, PorterDuff.Mode.SRC_IN);
        drawables[1].setColorFilter(color, PorterDuff.Mode.SRC_IN);
        fCursorDrawable.set(editor, drawables);
    } catch (final Throwable ignored) {
    }
}

これがうまくいくのは本当に気になります。AppCompatEditTextすでに持っているsetSupportBackgroundTintListので、のようなものを追加するのはかなり簡単ではないでしょうsetSupportCursorTintListか?
ジョセフPiché

6
@Jared Rummlerソリューションはカーソルに対して機能しましたが、カーソルの下に表示される液滴(テキストを選択すると2つ表示されます)は元の色のままです。これを手伝ってくれませんか?
フェリペリベイロR.マガリャス2016年

2
あなたのアプローチはAndroid 9では機能しませんでしたが、以下のバージョンでは問題ありません。
MuhammedYalçınKuru

11

パーティーの後半、これが私の答えです、

これは、親テーマでを変更するつもりはないcolorAccentが、EditText属性を変更したい人向けです。

この回答は、変更方法のデモです......

  1. ボトムラインの色
  2. カーソルの色
  3. カーソルポインターの色(カスタムイメージを使用しました)......... EditTextアクティビティテーマに適用されるスタイルの使用。

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

<android.support.v7.widget.AppCompatEditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Hey" />

例:

<style name="AppTheme.EditText" parent="@style/Widget.AppCompat.EditText">
    <item name="android:textColor">@color/white</item>
    <item name="android:textColorHint">#8AFFFFFF</item>
    <item name="android:background">@drawable/edit_text_background</item> // background (bottom line at this case)
    <item name="android:textCursorDrawable">@color/white</item>  // Cursor
    <item name="android:textSelectHandle">@drawable/my_white_icon</item> // For pointer normal state and copy text state
    <item name="android:textSelectHandleLeft">@drawable/my_white_icon</item>
    <item name="android:textSelectHandleRight">@drawable/my_white_icon</item>
</style>

次に、drawable(edit_text_background)を作成し、背景にリソースxmlを追加します!必要に応じてカスタマイズできます!

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:bottom="0dp"
        android:left="-3dp"   
        android:right="-3dp"
        android:top="-3dp">

        <shape android:shape="rectangle">
            <stroke
                android:width="1dp"
                android:color="@color/white"/>
        </shape>
    </item>
    </layer-list>

これで、アクティビティテーマでこのスタイルを設定しました。

例:

アクティビティにeditTextテーマがあります。このカスタムテーマをそれに設定します。

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Your Theme data -->
    <item name="editTextStyle">@style/AppTheme.EditText</item> // inculude this
</style>

<item name="editTextStyle">@style/AppTheme.EditText</item> // inculude this影響なし
act262

それはAppCompatEditTextですか?
Charuක2017

1
ああ、私は間違っています。私は間違ったattrを書いたandroid:editTextSteyle、正しいattrはeditTextStyle
act262

<item name="android:textCursorDrawable">@color/white</item>動作しません
Vlad

8
Edittext cursor color you want changes your color.
   <EditText  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:textCursorDrawable="@drawable/color_cursor"
    />

次に、drawalble xmlを作成します。 color_cursor

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <size android:width="3dp" />
    <solid android:color="#FFFFFF"  />
</shape>

7

私にとっては、AppThemeと値のcolors.xmlの両方を変更しました

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorControlNormal">@color/yellow</item>
    <item name="colorAccent">@color/yellow</item>
</style>

これがcolors.xmlです

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="yellow">#B7EC2A</color>
</resources>

editTextスタイル内に配置したandroid:textCursorDrawable属性を@nullに取り出しました。使ってみても色が変わらない。


はい、動作しますが、カーソルの色を変更するだけで他のテーマ要素も変更できます。
AlanKley

7

すごいこのパーティーに遅れましたが、17日前に活動がありました。回答に使用しているAndroidのバージョンを投稿することを検討する必要があるようです。現時点では、この回答はAndroid 2.1以上で動作します。RES/に移動VALUES / STYLESと以下のコード行を追加すると、カーソルが黒くなります

    <style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
    <!--<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">-->
    <!-- Customize your theme here. -->
    <item name="colorControlActivated">@color/color_Black</item>
    <!--Sets COLOR for the Cursor in EditText  -->
</style>

RES / COLORフォルダーにこのコード行が必要になります

<color name="color_Black">#000000</color>

なぜこれを遅く投稿するのですか?多くの頭のモンスターAndroidがいくつかの形のカテゴリになったことを検討するのは良いことかもしれません!


属性には7(2.1)ではなくAPIレベル21が必要です

4

ここで、@ Jared RummlerのプログラムによるsetCursorDrawableColor()バージョンは、Android 9 Pieでも機能するようになっています。

@SuppressWarnings({"JavaReflectionMemberAccess", "deprecation"})
public static void setCursorDrawableColor(EditText editText, int color) {

    try {
        Field cursorDrawableResField = TextView.class.getDeclaredField("mCursorDrawableRes");
        cursorDrawableResField.setAccessible(true);
        int cursorDrawableRes = cursorDrawableResField.getInt(editText);
        Field editorField = TextView.class.getDeclaredField("mEditor");
        editorField.setAccessible(true);
        Object editor = editorField.get(editText);
        Class<?> clazz = editor.getClass();
        Resources res = editText.getContext().getResources();
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
            Field drawableForCursorField = clazz.getDeclaredField("mDrawableForCursor");
            drawableForCursorField.setAccessible(true);
            Drawable drawable = res.getDrawable(cursorDrawableRes);
            drawable.setColorFilter(color, PorterDuff.Mode.SRC_IN);
            drawableForCursorField.set(editor, drawable);
        } else {
            Field cursorDrawableField = clazz.getDeclaredField("mCursorDrawable");
            cursorDrawableField.setAccessible(true);
            Drawable[] drawables = new Drawable[2];
            drawables[0] = res.getDrawable(cursorDrawableRes);
            drawables[1] = res.getDrawable(cursorDrawableRes);
            drawables[0].setColorFilter(color, PorterDuff.Mode.SRC_IN);
            drawables[1].setColorFilter(color, PorterDuff.Mode.SRC_IN);
            cursorDrawableField.set(editor, drawables);
        }
    } catch (Throwable t) {
        Log.w(TAG, t);
    }
}

1
java.lang.NoSuchFieldException: No field mDrawableForCursor Android 9
zakjma

4

これcolorAccentはAndroidで呼び出されます。

res-> values-> styles.xml addに移動します

<item name="colorAccent">#FFFFFF</item>

存在しない場合。



2

唯一の有効な答えは、アクティビティのテーマを変更 することです。これはカーソル自体にのみ関係し、カーソルをドラッグする場合はカーソルの下のピンには関係し<item name="colorAccent">#000000</item> ないため、android:textCursorDrawabletoを使用し@nullないでください。テーマ解決は最も深刻なものです。


2

別の簡単な解決策は、プロジェクトフォルダーのres> values> colors.xmlに移動し、色のアクセントの値を好みの色に編集することです。

<color name="colorAccent">#000000</color>

上記のコードにより、カーソルが黒に変わります。


ありがとう、まさにそれが私が探していたものです
Shivam Jha

2
<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimary</item>
    <item name="colorAccent">@color/colorAccent</item> -- change this one
</style>

styles.xmlに移動し、色のアクセントを変更します。これは、エディットテキストボックスからのカーソルに影響します


1

それよりもさらに簡単です。

<style name="MyTextStyle">
    <item name="android:textCursorDrawable">#000000</item>
</style>

これはICS以降で機能します。他のバージョンではテストしていません。


3
このスタイルをEditTextに適用する場合(これには、テーマに関連するデフォルトであるはずの親スタイルがありません)、Holoテーマからの他のすべてのスタイルが失われることに注意してください。
Varun

"@null"値と同じではありませんか?
Paul Verest、2015年

アクティビティのテーマを上書きするスタイルジャスティをビューに追加できます。
JPhi Denis 2017

1

特定の色が必要な場合は、AppCompatEditTextを使用する必要があります。

私のために働く

<android.support.v7.widget.AppCompatEditText
    android:background="@null"
    android:textCursorDrawable="@color/cursorColor"/>

この要点を見る


1

これを使って

android:textCursorDrawable="@color/white"

2
デバイスでカーソルが消えるので、色を直接設定する代わりにドローアブルを使用してください。
フルーツ

1

スタイルで定義されている現在のアクティビティ/フラグメント/ダイアログのcolorAccentに注意してください;)カーソルの色はそれに関連しています。


0

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">#36f0ff</item>
    <item name="colorPrimaryDark">#007781</item>
    <item name="colorAccent">#000</item>
</style>

<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

styles.xmでcolorAccentの色を変更します。これで簡単です。


0

スタイルを使用して実装する場合

colorControlActivate

その色/白以外の値を置き換えます。


0

以下のコードをレイアウトで使用できます

android:textCursorDrawable="@color/red"
        android:textColor="@color/black

0

Dialogでこれらすべての手法を試すのに長い時間を費やした後、ついに私はこのアイデアを得ました。テーマをTextInputLayoutではなく、Dialog自体にアタッチします。

<style name="AppTheme_Dialog" parent="Theme.AppCompat.Dialog">

    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorWhite</item>
    <item name="colorAccent">@color/colorPrimary</item>

</style>

onCreate内:

パブリッククラスmyDialog extends Dialog {

private Activity activity;
private someVars;

public PopupFeedBack(Activity activity){
    super(activity, R.style.AppTheme_Dialog);
    setContentView(R.layout.myView);
    ....}}

乾杯:)

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.