Android中WebView标题栏风格在新装修业务场景下的实践

https://nowm.home.ke.com/jinggong/bj/designer_channel?bgColor=C09978

<!--在非沉浸式状态时，用于撑起标题栏高度顶出下方webview-->

<View

  android:id="@+id/top_view"

  android:layout_width="match_parent"

  android:layout_height="49dp"

  android:layout_below="@id/holderview" />



<com.ke.libcore.support.browser.ScrollWebView

  android:id="@id/lib_cwb_webview"

  android:layout_width="match_parent"

  android:layout_height="match_parent"

  android:layout_below="@id/top_view" />

if (!TextUtils.isEmpty(bgColor)) {

  initStatusBar();

  try {

    if (!bgColor.startsWith("#")) {

      bgColor = "#" + bgColor;

    }

    if (mTopView != null) {

      RelativeLayout.LayoutParams topViewParams =

          (RelativeLayout.LayoutParams) mTopView.getLayoutParams();

      topViewParams.height = topHeight;

      mTopView.setLayoutParams(topViewParams);

      mTitleBar.setLayoutParams(topViewParams);

    }

    //不建议直接修改top_view的背景色，虽然可行省事，但是灵活性变差了。

    mTitleBar.setBackgroundColor(Color.parseColor(bgColor));

    mBtnBack.setImageResource(R.drawable.lib_webview_back_white);

    mTvTitle.setTextColor(Color.WHITE);

  } catch (Exception e) {

    e.printStackTrace();

  }

} 

https://nowm.home.ke.com/jinggong/bj/product/brand/package_overall?immersive=true&packageId=101584454034

if (TextUtils.equals(targetUrl, URL_GETSCROLLOFFSET)) {
  try {
    int offsetY = Integer.parseInt(targetParams.get("offsetY"));
    H5CallBackManager.getInstance().onGetScrollOffset(offsetY);
    return true;
  } catch (Exception e) {
    CustomErrorManager.upload(CustomErrorManager.EXCEPTION, "jinggong/" + TAG,
        "H5沉浸式传递offsetY类型异常", JsonUtil.toJsonStr(e.toString()));
    e.printStackTrace();
    return false;
  }
}

@Override
public void onGetScrollOffset(int scrollHeight) {
  if (null != getActivity() && !((JsBridgeWebViewActivity) getActivity()).isFront()) {
    return;
  }
  float percent = (float) (scrollHeight) / MAX_HEIGHT_VALUE;
  if (percent > 1) {
    percent = 1;
  }
  if (percent > 0.6) {
    updateTitleStyle(STYLE_WHITE, percent);
    if (!isStatusBarTransparent) {
      isStatusBarTransparent = true;
      StatusBarTintManager statusBarTintManager = new StatusBarTintManager(mActivity);
      statusBarTintManager.setStatusBarWhite();
    }
  } else {
    updateTitleStyle(STYLE_TRANSPARENT, 1 - percent);
    if (isStatusBarTransparent) {
      isStatusBarTransparent = false;
      initStatusBar();
    }
  }
  if (null != titleBg) {
    titleBg.setAlpha(percent);
  }
}

https://nowm.home.ke.com/jinggong/bj/article_detail?immersive=true&id=A-2000000089

public class BaseRightButtonBean {
  public String name;
  public String clickUrl;
  //非沉浸式-展示的icon链接
  public String imageUrl;
  //沉浸式-展示的icon链接
  public String immersiveImageUrl;
  //非沉浸式-展示的文字颜色
  public String textHexColor;
  //沉浸式-展示的文字颜色
  public String immersiveTextColor;
  ...
}

@NonNull
private View createRightIconTextButton(@NonNull final BaseRightButtonBean bean) {
  String scheme = getCurrentUrl();
  String immersive = "false";
  if (!TextUtils.isEmpty(scheme)) {
    final Map<String, String> targetParams = UrlUtil.parseParams(scheme);
    immersive =
        targetParams != null ? TextUtils.isEmpty(targetParams.get("immersive")) ? "false"
            : targetParams.get("immersive") : "false";
  }
  RightIconTextButton buttonView = new RightIconTextButton(mActivity);
  buttonView.bindData(bean, mImageLoader, immersive);


  return buttonView;
}

【当前传给native的协议是】：beikejinggong://postnotification?callback=praiseClicked
【回调给H5的js是】：javascript:praiseClicked()

HybridBridge: setRightButton2: 
[
    {
        "name":"1",
        "clickUrl":"beikejinggong://postnotification?callback=praiseClicked",
        "imageUrl":"https://image1.ljcdn.com/utopia-file/b7629f177b481c551123bc37cc5b9cdf.png",
        "textHexColor":"#222222",
        "immersiveImageUrl":"https://image1.ljcdn.com/utopia-file/6c66f6eb06b1cad108c85fc8a90b0f1e.png",
        "immersiveTextColor":"#ffffff"
    },
    {
        "name":"0",
        "clickUrl":"beikejinggong://postnotification?callback=collectionClicked",
        "imageUrl":"https://image1.ljcdn.com/utopia-file/d4a5343b4873759f2bee6f85e99efa58.png",
        "textHexColor":"#222222",
        "immersiveImageUrl":"https://image1.ljcdn.com/utopia-file/2813ade842a5445802143d9db78d2584.png",
        "immersiveTextColor":"#ffffff"
    },
    {
        "name":"",
        "clickUrl":"beikejinggong://h5/share/menu?shareType=0&webUrl=https%3A%2F%2Fnowm.home.ke.com%2Fjinggong%2Fbj%2Farticle_detail%3Fid%3DA-2000000673%26tab%3D%26immersive%3Dtrue&title=%E3%80%90%E6%88%B7%E5%9E%8B%E8%A7%A3%E8%AF%BB%EF%BD%9C%E4%B8%87%E5%B9%B4%E8%8A%B1%E5%9F%8E%E5%9B%9B%E6%9C%9F%E4%B8%A4%E5%AE%A4%E4%B8%80%E5%8E%85%E3%80%91&description=%E8%A2%AB%E7%AA%9D%E5%AE%B6%E8%A3%85%E4%B8%93%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%B8%88%E7%9C%BC%E9%87%8C%E7%9A%84%E6%88%B7%E5%9E%8B%E4%BC%98%E7%BC%BA%E7%82%B9%E5%92%8C%E6%94%B9%E9%80%A0%E9%87%8D%E7%82%B9&thumbUrl=https%3A%2F%2Fimage1.ljcdn.com%2Futopia-file%2Ff30fcf683fa1623151a89d2fd9323556.png",
        "imageUrl":"https://img.ljcdn.com/home-web-pic/fc1854f248e2e385eca90221b5c72722",
        "immersiveImageUrl":"https://img.ljcdn.com/home-web-pic/0d818aa08b77d63cfdbdc2b702a38586"
    }
]