AndroidのGoogleの有料のようにカスタムビューを描きます

ペンバ・タマン:

ノッチ画像

この質問は、既に求められているとの回答が受け入れられているここが、受け入れられた答えは、私が探していますものではありません。私は、ノッチは幅+それが上記画像における賃金のアイコンのように、オーバー起こっているビューのいくつかのマージンをとる中のCustomViewを使用したいです。以下のようなファブを収容bottomappbarに見ながら、この私が呼ばれるクラスを見エッジ処理クラスは、私はそれが同様に使用することができると思います。私は描くことができるすべてが長方形であるように私は私のCustomViewコードのRightNowを投稿していないです。

aminography:

あなたは使用して曲線を描画する必要がありますCubic Bézier Curve良い記事は、バルトシュCiechanowskiによって書かれ、このような曲線を描画する方法を知ってここに

ここでは、画像の説明を入力します。

Iを開発しているViewから継承Googleの有料のような形状を描画しますFrameLayoutソースコードで提供されてgithubのリポジトリ(まだ文書化されていません!)。ただし、アプリのレベルに次の行を追加しbuild.gradleたファイル:

repositories {
    jcenter()
}

dependencies {
    implementation 'com.aminography:beziercurvebulgelayout:1.0.2'
}

そして、あなたはそれを使用することができxml、次のようなレイアウトファイル:

<com.aminography.view.BezierCurveBulgeLayout
    android:id="@+id/bulgeLayout"
    android:layout_width="match_parent"
    android:layout_height="56dp"
    app:bulgeType="bulge"
    app:bulgeColor="@color/colorPrimary"
    app:curveWidth="32dp"
    app:flatWidth="56dp"
    app:flatHeight="24dp">

    <android.support.v7.widget.AppCompatImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:src="@android:drawable/ic_menu_compass"/>

</com.aminography.view.BezierCurveBulgeLayout>

ここでは、画像の説明を入力します。

その形状や色は、属性の下に変更することで、目標形状を達成するためにカスタマイズ可能です:

ここでは、画像の説明を入力します。

おすすめ

転載: http://43.154.161.224:23101/article/api/json?id=178935&siteId=1