使用android中的颜色选择器更改textview的文本颜色和背景颜色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用android中的颜色选择器更改textview的文本颜色和背景颜色相关的知识,希望对你有一定的参考价值。

如何在android中使用颜色选择器更改TextView的文本颜色和背景颜色。添加具有更改文本颜色的功能的注释和从颜色选择器中选择颜色的背景。

答案
  • 下载此项目导入it.Color-picker
  • 右键单击项目--->属性---> android --->添加单击并添加下载项目。
  • 创建新项目
  • 布局注意:使用下载的项目res文件夹---> drawable中的颜色选择器图像 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" > <EditText android:id="@+id/txNote" android:layout_width="200dip" android:layout_height="200dip" android:layout_centerInParent="true" android:text="@string/hello_world" /> <ImageView android:id="@+id/rightColorPicker" android:layout_width="@dimen/ambilwarna_hueWidth" android:layout_height="@dimen/ambilwarna_hsvHeight" android:layout_alignParentRight="true" android:layout_alignTop="@+id/txNote" android:scaleType="fitXY" android:src="@drawable/ambilwarna_hue" /> <ImageView android:id="@+id/leftColorPicker" android:layout_width="@dimen/ambilwarna_hueWidth" android:layout_height="@dimen/ambilwarna_hsvHeight" android:layout_alignParentLeft="true" android:layout_alignTop="@+id/txNote" android:scaleType="fitXY" android:src="@drawable/ambilwarna_hue" /> </RelativeLayout> 活动 public class MainActivity extends Activity implements OnTouchListener { TextView txtNote; ImageView rightColorPicker,leftColorPicker; private int mAppWidgetId = 0 ; public static boolean flag; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); txtNote=(TextView)findViewById(R.id.txNote); rightColorPicker=(ImageView)findViewById(R.id.rightColorPicker); leftColorPicker=(ImageView)findViewById(R.id.leftColorPicker); rightColorPicker.setOnTouchListener(this); leftColorPicker.setOnTouchListener(this); Intent intent = getIntent(); Bundle extras = intent.getExtras(); if (extras != null) { mAppWidgetId = extras.getInt( AppWidgetManager.EXTRA_APPWIDGET_ID, AppWidgetManager.INVALID_APPWIDGET_ID); } } @Override public boolean onTouch(View v, MotionEvent event) { switch (v.getId()) { case R.id.rightColorPicker: colorPicker(); flag=true; break; case R.id.leftColorPicker: colorPicker(); flag=false; break; default: break; } return false; } public void colorPicker() { // initialColor is the initially-selected color to be shown in the rectangle on the left of the arrow. // for example, 0xff000000 is black, 0xff0000ff is blue. Please be aware of the initial 0xff which is the alpha. ColorPickerDialog dialog = new ColorPickerDialog(this, 0xff0000ff, new OnAmbilWarnaListener() { // Executes, when user click Cancel button @Override public void onCancel(ColorPickerDialog dialog){ } // Executes, when user click OK button @Override public void onOk(ColorPickerDialog dialog, int color) { // Create an Intent to launch WidgetConfigurationActivity screen Intent intent = new Intent(getBaseContext(), MainActivity.class); intent.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, mAppWidgetId); // This is needed to make this intent different from its previous intents intent.setData(Uri.parse("tel:/"+ (int)System.currentTimeMillis())); // Creating a pending intent, which will be invoked when the user // clicks on the widget PendingIntent pendingIntent = PendingIntent.getActivity(getBaseContext(), 0, intent, PendingIntent.FLAG_UPDATE_CURRENT); // Getting an instance of WidgetManager AppWidgetManager appWidgetManager = AppWidgetManager.getInstance(getBaseContext()); if (flag) { txtNote.setBackgroundColor(color); } else { txtNote.setTextColor(color); } // // Instantiating the class RemoteViews with widget_layout RemoteViews views = new RemoteViews(getBaseContext().getPackageName(), R.layout.activity_main); // // // Setting the background color of the widget views.setInt(R.id.txNote, "setBackgroundColor", color); // // // Attach an on-click listener to the clock views.setOnClickPendingIntent(R.id.txNote,pendingIntent); // Tell the AppWidgetManager to perform an update on the app widget appWidgetManager.updateAppWidget(mAppWidgetId, views); // Return RESULT_OK from this activity Intent resultValue = new Intent(); resultValue.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, mAppWidgetId); setResult(RESULT_OK, resultValue); //finish(); } }); dialog.show(); } }
另一答案

您可以使用以下内容作为参考。它可能不完全像你的问题中发布的快照。您可以使用以下内容并根据您的要求进行修改。

单击按钮颜色选择器对话框时弹出。您可以选择颜色并单击中心圆。 textview文本颜色更改为选择的颜色。

public class MainActivity extends Activity  implements ColorPickerDialog.OnColorChangedListener  {

    Button b1;
    TextView tv;
    Paint mPaint;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mPaint = new Paint();
        tv = (TextView) findViewById(R.id.tv);
        b1 = (Button) findViewById(R.id.button1);
        b1.setOnClickListener(new OnClickListener()
        {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                new ColorPickerDialog(MainActivity.this, MainActivity.this, mPaint.getColor()).show();
            }

        });
    }
    @Override
    public void colorChanged(int color) {
        // TODO Auto-generated method stub
        tv.setTextColor(color);
    }

}

颜色选择器

public class ColorPickerDialog extends Dialog {

    public interface OnColorChangedListener {
        void colorChanged(int color);
    }

    private OnColorChangedListener mListener;
    private int mInitialColor;

    private static class ColorPickerView extends View {
        private Paint mPaint;
        private Paint mCenterPaint;
        private final int[] mColors;
        private OnColorChangedListener mListener;

        ColorPickerView(Context c, OnColorChangedListener l, int color) {
            super(c);
            mListener = l;
            mColors = new int[] {
                0xFFFF0000, 0xFFFF00FF, 0xFF0000FF, 0xFF00FFFF, 0xFF00FF00,
                0xFFFFFF00, 0xFFFF0000
            };
            Shader s = new SweepGradient(0, 0, mColors, null);

            mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
            mPaint.setShader(s);
            mPaint.setStyle(Paint.Style.STROKE);
            mPaint.setStrokeWidth(32);

            mCenterPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
            mCenterPaint.setColor(color);
            mCenterPaint.setStrokeWidth(5);
        }

        private boolean mTrackingCenter;
        private boolean mHighlightCenter;

        @Override
        protected void onDraw(Canvas canvas) {
            float r = CENTER_X - mPaint.getStrokeWidth()*0.5f;

            canvas.translate(CENTER_X, CENTER_X);

            canvas.drawOval(new RectF(-r, -r, r, r), mPaint);
            canvas.drawCircle(0, 0, CENTER_RADIUS, mCenterPaint);

            if (mTrackingCenter) {
                int c = mCenterPaint.getColor();
                mCenterPaint.setStyle(Paint.Style.STROKE);

                if (mHighlightCenter) {
                    mCenterPaint.setAlpha(0xFF);
           

以上是关于使用android中的颜色选择器更改textview的文本颜色和背景颜色的主要内容,如果未能解决你的问题,请参考以下文章

如何更改android中的数字选择器样式?

Android-Widget:使用 RemoteView 更改 ListView 选择器颜色

Android:如何更改日期选择器分隔线的颜色?

更改颜色选择器/文本新文本 MaterialButton

更改 ListView 项目背景颜色但保留默认选择器样式?

在 Android 上更改 ListView 项目的背景颜色