如何根据android材料设计中的图像颜色更改工具栏和状态栏颜色的颜色？

6 回答

• 2

  在 style.xml 中创建自定义主题 . 然后在你的清单中为每个你想要的活动设置每个主题：

  style.xml：

  <style name="Activity1Theme" parent="MyMaterialTheme.Base">
       <item name="colorPrimary">@color/blue</item>
       <item name="colorPrimaryDark">@color/darkblue</item>
  </style>
  
  <style name="Activity2Theme" parent="MyMaterialTheme.Base">
       <item name="colorPrimary">@color/green</item>
       <item name="colorPrimaryDark">@color/darkgreen</item>
  </style>
  

  menifest：

  <activity
          android:name=".Activity1Theme"
          android:theme="@style/Activity1Theme"></activity>
  <activity
          android:name=".Activity2Theme"
          android:theme="@style/Activity2Theme"></activity>
  

  编辑：

  如果您需要为片段设置它们，请尝试片段中的以下代码：

  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  
  // create ContextThemeWrapper from the original Activity Context with the custom theme
  final Context contextThemeWrapper = new ContextThemeWrapper(getActivity(), R.style.yourCustomTheme);
  
  // clone the inflater using the ContextThemeWrapper
  LayoutInflater localInflater = inflater.cloneInContext(contextThemeWrapper);
  
  // inflate the layout using the cloned inflater, not default inflater
  return localInflater.inflate(R.layout.yourLayout, container, false);
  }
  

  回复于 2024-04-27T15:27:12+08:00
• 0

  使用Pallete API

  Palette.from(myBitmap).generate(new Palette.PaletteAsyncListener() {
                  @Override
                  public void onGenerated(Palette palette) {
  
                      toolbar.setBackgroundColor(palette.getVibrantColor(getResources().getColor(R.color.primary)));
                      getWindow().setStatusBarColor(palette.getVibrantColor(getResources().getColor(R.color.primary)));
                  }
              });
  

  其中 myBitmap 是要从中提取颜色的图像 . 同样，对于API 21及更高版本，您'll need to add the following flags if you'重新计划为状态栏和导航栏着色：

  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
          getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
      }
  

  回复于 2024-04-27T15:27:12+08:00
• 4

  我不确定你是否要求这个问题的程序化解决方案，或者只是想知道这些步骤 .

  你可以基本上分两步完成 .

  • 找到图像中最主要/突出的颜色 .

  • 获得稍暗的颜色 .

  这两个问题已经在stackoverflow上被询问和回答 .

  对于问题1，您可以关注https://stackoverflow.com/a/10530562/5512274

  对于问题2，您可以按照https://stackoverflow.com/a/4928826/5512274

  祝一切顺利 ：）

  回复于 2024-04-27T15:27:12+08:00
• 3

  我在Kitkat上尝试了这个代码并且运行得很好：

  void getAverageColor(){
          Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.aaa); //here put your drawable 
  
          int height=bitmap.getHeight();
          int width=bitmap.getWidth();
          int pixelCount = height * width;
          int[] pixels = new int[pixelCount];
          bitmap.getPixels(pixels, 0, bitmap.getWidth(), 0, 0, width, height);
  
          int redBucket = 0;
          int greenBucket = 0;
          int blueBucket = 0;
  
          for (int y = 0; y < height; y++)
          {
              for (int x = 0; x < width; x++)
              {
                  int color = pixels[x + y * width];
                  redBucket += (color >> 16) & 0xFF; // Color.red
                  greenBucket += (color >> 8) & 0xFF; // Color.greed
                  blueBucket += (color & 0xFF); // Color.blue
                  // does alpha matter?
              }
          }
          String color = String.format("#FF%02x%02x%02x",
                  redBucket / pixelCount, greenBucket /pixelCount, blueBucket/pixelCount); //gets the average color in hex form
          setStatusBarColor(findViewById(R.id.statusBarBackground), color);
      }
  
  
      public void setStatusBarColor(View statusBar,String color){
  
          if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
             Window w = getWindow();
      w.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
      w.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
  
              w.setStatusBarColor(Color.parseColor(color));
          } else{
          if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
              Window w =  activity.getWindow();
              w.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS, WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
              //status bar height
              statusBar.getLayoutParams().height = getStatusBarHeight();
              statusBar.setBackgroundColor(Color.parseColor(color));
          }
      }
  
  
      }
  
      public int getStatusBarHeight() {
          int result = 0;
          int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
          if (resourceId > 0) {
              result = getResources().getDimensionPixelSize(resourceId);
          }
          return result;
      }
  

  将此视图添加到要更改状态栏的每个活动的xml布局中，这适用于pre-lollipop设备：

  <View
          android:id="@+id/statusBarBackground"
          android:layout_width="match_parent"
          android:layout_height="0dp"
          />
  

  当然这不是获得图像平均颜色的唯一计算，但我选择它因为它简单易懂，不包含alpha值，如果需要检查透明度，可以添加alpha桶每个像素 . 希望这可以帮助 .

  Edit: 也试过它在sdk 5.1上工作得很好:)

  回复于 2024-04-27T15:27:12+08:00
• 2

  对于您的情况，您需要在ViewPagerAdapter类中进行一些更改，这适用于5.0 sdk及更高版本：

  将此添加到类：

  String colorArray[]={"ffccff"//color for fragment1,
  "#ffffeeff"//color for fragment2,
  "#ffeeffee" //color for fragment3,
  "#ffeebbcc"//color for fragment4,
  "#ffeebbcc" //color for fragment5};
  

  //这里为每个片段放置十六进制格式的所有颜色（按顺序） . //此数组必须与您拥有的片段数相同

  改变这种方法

  @Override
      public void onDrawerItemSelected(View view, int position) {
          displayView(position);
      setStatusBarColor(colorArray[position]); //added this line, this will change the status bar depending on the selected fragment
      }
  

  最后在ViewpagerAdapter类中添加此代码：

  public void setStatusBarColor(String color){
  
          if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
          Window w = getWindow();
          w.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
          w.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
              w.setStatusBarColor(Color.parseColor(color));
          }
      }
  

  回复于 2024-04-27T15:27:12+08:00
• 0

  如果你想改变 Toolbar 和 StatusBar 以下步骤的颜色会对你有所帮助：

  1-将 addOnPageChangeListener 添加到ViewPager .

  2- in onPageScrolled call updateBackground

  viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
              @Override
              public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                  // define two variable in your activity/fragment
                  // call them position & positionOffset
                  IntroActivity.this.position = (int) Math.floor(position + positionOffset);
                  IntroActivity.this.positionOffset = (((position + positionOffset) % 1) + 1) % 1;
                  updateBackground();
              }
  
              @Override
              public void onPageSelected(int position) {
  
              }
  
              @Override
              public void onPageScrollStateChanged(int state) {
  
              }
          });
  

  3-2525215_就像下面的那样

  private static final int COLOR_PRIMARY[] = {R.color.green_primary, R.color.purple_primary, R.color.red_primary};
   private static final int COLOR_PRIMARY_DARK[] = {R.color.green_primary_dark, R.color.purple_primary_dark, R.color.red_primary_dark};
  
  private void updateBackground() {
          @ColorInt
          int background;
          @ColorInt
          int backgroundNext;
          @ColorInt
          int backgroundDark;
          @ColorInt
          int backgroundDarkNext;
  
          if (position == adapter.getCount()) {
              background = Color.TRANSPARENT;
              backgroundNext = Color.TRANSPARENT;
              backgroundDark = Color.TRANSPARENT;
              backgroundDarkNext = Color.TRANSPARENT;
          } else {
              background = ContextCompat.getColor(IntroActivity.this,
                      color[(position)]);
              backgroundNext = ContextCompat.getColor(IntroActivity.this,
                      color[(Math.min(position + 1, adapter.getCount() - 1))]);
  
              background = ColorUtils.setAlphaComponent(background, 0xFF);
              backgroundNext = ColorUtils.setAlphaComponent(backgroundNext, 0xFF);
  
              try {
                  backgroundDark = ContextCompat.getColor(IntroActivity.this,
                          color_darks[(position)]);
              } catch (Resources.NotFoundException e) {
                  backgroundDark = ContextCompat.getColor(IntroActivity.this,
                          R.color.mi_status_bar_background);
              }
              try {
                  backgroundDarkNext = ContextCompat.getColor(IntroActivity.this,
                          color_darks[(Math.min(position + 1, adapter.getCount() - 1))]);
              } catch (Resources.NotFoundException e) {
                  backgroundDarkNext = ContextCompat.getColor(IntroActivity.this,
                          R.color.mi_status_bar_background);
              }
          }
  
          if (position + positionOffset >= adapter.getCount() - 1) {
              backgroundNext = ColorUtils.setAlphaComponent(background, 0x00);
              backgroundDarkNext = ColorUtils.setAlphaComponent(backgroundDark, 0x00);
          }
  
          background = (Integer) evaluator.evaluate(positionOffset, background, backgroundNext);
          backgroundDark = (Integer) evaluator.evaluate(positionOffset, backgroundDark, backgroundDarkNext);
  
          toolbar.setBackgroundColor(background);
  
          float[] backgroundDarkHsv = new float[3];
          Color.colorToHSV(backgroundDark, backgroundDarkHsv);
          //Slightly darken the background color a bit for more contrast
          backgroundDarkHsv[2] *= 0.95;
  
          if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
              getWindow().setStatusBarColor(backgroundDark);
  
              if (position == adapter.getCount()) {
                  getWindow().setNavigationBarColor(Color.TRANSPARENT);
              } else if (position + positionOffset >= adapter.getCount() - 1) {
                  TypedValue typedValue = new TypedValue();
                  TypedArray a = obtainStyledAttributes(typedValue.data, new int[]{android.R.attr.navigationBarColor});
  
                  int defaultNavigationBarColor = a.getColor(0, Color.BLACK);
  
                  a.recycle();
  
                  int navigationBarColor = (Integer) evaluator.evaluate(positionOffset, defaultNavigationBarColor, Color.TRANSPARENT);
                  getWindow().setNavigationBarColor(navigationBarColor);
              }
  
              if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                  int systemUiVisibility = getWindow().getDecorView().getSystemUiVisibility();
                  int flagLightStatusBar = View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
                  if (ColorUtils.calculateLuminance(backgroundDark) > 0.4) {
                      //Light background
                      systemUiVisibility |= flagLightStatusBar;
                  } else {
                      //Dark background
                      systemUiVisibility &= ~flagLightStatusBar;
                  }
                  getWindow().getDecorView().setSystemUiVisibility(systemUiVisibility);
              }
          }
      }
  

  现在你有这样的事情：

  

  4-只需一步，在 updateBackground 而不是COLOR_PRIMARY＆COLOR_PRIMARY_DARK中，使用Pallete获取图像的颜色 .

  回复于 2024-04-27T15:27:12+08:00