当图像背景与颜色匹配时，Android 工具栏菜单图标“消失”

Question

看看这张图片

左上角是 Android 汉堡菜单，但它是白色的。另外，右边是一个搜索放大镜，也是白色的。问题是背景是从服务器动态加载的，具体取决于所呈现的内容。

是否可以对菜单图标进行着色或提升它们，以便它们在发生此类情况时出现？该背景图像实际上可以是任何颜色，这实际上取决于服务器的功能。也许也可以在它们上使用 Palette 库？

编辑： 到目前为止，我的解决方案基于@Steve 回复：

private void loadBackdrop( String inetref ) {
    Log.i( TAG, "loadBackdrop : inetref=" + inetref );

    String bannerUrl = MainApplication.getInstance().getMasterBackendUrl() + "/Content/GetRecordingArtwork?Inetref=" + inetref + "&Type=banner&Height=256";
    Log.i(TAG, "loadBackdrop : bannerUrl=" + bannerUrl);
    final ImageView imageView = (ImageView) findViewById( R.id.backdrop );
    final PaletteTransformation paletteTransformation = PaletteTransformation.getInstance();
    Picasso.with( this )
            .load( bannerUrl )
            .fit().centerCrop()
            .transform( paletteTransformation )
            .into(imageView, new Callback.EmptyCallback() {

                @Override
                public void onSuccess() {

                    Bitmap bitmap = ((BitmapDrawable) imageView.getDrawable()).getBitmap(); // Ew!
                    Palette palette = PaletteTransformation.getPalette(bitmap);

                    try {

                        int inverseColor = getComplementaryColor(palette.getVibrantColor(R.color.white));
                        Log.i( TAG, "loadBackdrop : inverseColor=" + inverseColor + ", Color.WHITE=" + Color.WHITE + ", Color.BLACK=" + Color.BLACK + ", Color." + ( inverseColor > ( Color.BLACK / 2 ) ? "WHITE" : "BLACK" ) );

                        int color = ( inverseColor > ( Color.BLACK / 2 ) ? Color.WHITE : Color.BLACK );

                        collapsingToolbar.setCollapsedTitleTextColor( color );
                        collapsingToolbar.setExpandedTitleColor( color );

                        Drawable newSearchMenuItem = mSearchMenuItem.getIcon();
                        newSearchMenuItem.mutate().setColorFilter( color, PorterDuff.Mode.SRC_IN );
                        mSearchMenuItem.setIcon( newSearchMenuItem );

                        Drawable newUpMenuItem = getResources().getDrawable( R.drawable.ic_arrow_back_white_24dp );
                        newUpMenuItem.mutate().setColorFilter( color, PorterDuff.Mode.SRC_IN );
                        getSupportActionBar().setHomeAsUpIndicator( newUpMenuItem );

                    } catch( Exception e ) {
                        Log.e( TAG, "error decoding palette from imageView", e );
                    }
                }

                @Override
                public void onError() {

                }

            });

}

public static int getComplementaryColor( int colorToInvert ) {

    float[] hsv = new float[ 3 ];
    Color.RGBToHSV( Color.red( colorToInvert ), Color.green( colorToInvert ), Color.blue( colorToInvert ), hsv );

    hsv[ 0 ] = ( hsv[ 0 ] + 180 ) % 360;

    return Color.HSVToColor( hsv );
}

Answer 1

你应该看看this。基本上，您可以做的是为您想要着色的图标创建具有不同着色 .png 文件的自定义主题，然后根据给定的背景颜色在代码中设置这些主题；或者您可以执行与该网站上显示的内容类似的操作。希望这会有所帮助！

编辑：您可以根据背景颜色执行以下操作：

MenuItem YOUR_MENU_ITEM = menu.findItem(R.id.YOUR_MENU_ITEM_ID);
Drawable NEW_ICON = (Drawable)YOUR_MENU_ITEM.getIcon();
NEW_ICON.mutate().setColorFilter(Color.argb(255, 200, 200, 200),PorterDuff.Mode.SRC_IN);
YOUR_MENU_ITEM.setIcon(NEW_ICON);

这会将图标染成灰色，但您可以根据需要更改颜色过滤器的值。

解决动态加载背景问题的方法是使用 case 或嵌套 if 语句来检查服务器的背景，然后为更常见的颜色（红色、黄色、蓝色等）提供颜色过滤器选项.) 通常黑色/白色会出现在大多数背景上，因此您可以将它们用作默认值。

编辑：要进行颜色匹配：

所以你可以做类似this 这样的事情，它只会将给定的颜色反转为它的恭维..否则如果那不是你想要的，请告诉我