Android 화살표 안내 tipLayout 구현 예시 코드

본 고 는 안 드 로 이 드 화살표 가 있 는 안내 tipLayout 의 예시 코드 를 소개 하고 여러분 에 게 공유 합 니 다.구체 적 으로 다음 과 같 습 니 다.

위 에서 UI 에서 받 은 설계도 와 같이 삼각형 표시 기 는 위의 텍스트 를 동적 으로 정렬 해 야 하고 삼각형 을 동적 으로 실현 해 야 한다.
인용 방식

compile 'com.xiaowei:TriangleTipLayout:1.0.0'

사고의 방향 을 실현 하 다.
삼각형 안내 그림 을 준비 하면 됩 니 다.
선행 코드

final TextPaint textPaint = mTextView.getPaint();
    final int textHeight = (int) (textPaint.descent() - textPaint.ascent());
    mRect.set(0, DEFAULT_TOP_HEIGHT, getWidth(), getHeight() + textHeight - DEFAULT_TOP_HEIGHT);
    canvas.drawRect(mRect, mRectPaint);
    final String text = mTextView.getText().toString();
    float left = 0;
    if (mIsShowTriangle) {
      if (mGravity == Gravity.LEFT || mGravity == Gravity.START) {
        LayoutParams layoutParams = (LayoutParams) mTarget.getLayoutParams();
        left = mTarget.getLeft() - layoutParams.rightMargin - layoutParams.leftMargin;
      } else {
        if (mTarget instanceof TextView) {
          ViewParent viewParent = mTarget.getParent();
          float textWidth = textPaint.measureText(text);
          if (viewParent instanceof LinearLayout) {
            final float width = mTarget.getWidth() / 2;
            left = mTarget.getLeft() + width - (mBitmap.getWidth() / 2);
          } else if (viewParent instanceof RelativeLayout) {
            left = mTarget.getLeft() + textWidth / 2;
          }
        } else if (mTarget instanceof ImageView) {
          final float width = mTarget.getWidth();
          left = mTarget.getLeft() + (width / 2) - (mBitmap.getWidth() / 2);
        }
      }
      canvas.drawBitmap(mBitmap, left, 0, mBitmapPaint);
    }
  }

핵심 코드 는 위 와 같다.그 사고방식 은 먼저 사각형 을 그리고 삼각형 이 필요 로 하 는 높이 를 미리 남 겨 두 고 마지막 에 세 줄 의 그림 을 그 리 는 것 이다.
설정 표시 기

mTipsLayout.setRectBackgroundColor(Color.parseColor("#FFF8BE"));
    mTipsLayout.setTextColor(Color.parseColor("#FF9B33"));
    mTipsLayout.setTriangleBitmap(BitmapFactory.decodeResource(getResources(), R.mipmap.ic_triangle_arrow));
    mTipsLayout.setTriangleGravity(Gravity.START);
    mTipsLayout.bindView(findViewById(R.id.text2));
    mTipsLayout.setText("        10W+，  。    ");

메모:setText 를 호출 하면 invalidate()를 다시 그립 니 다.
실현 효 과 는 다음 과 같다.

github: 소스 코드
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.