کتابخانه TriangleLabelView - لیبل مثلثی : اندروید استودیو :

[Negan 1,300]

داشتم توی گیت هاب جونی پرسه میزدم که ی چیز جالب دیدم گفتم بیام براتون از گیتهاب کپی پیست کنم اینجا : دی   

با این کتابخونه میتونید یه لیبل رو به گوشه ویو هاتون اضافه کنین ( به شکل مثلث )

خب اینک عکس کاربرد کتابخونه 

 

 

خب اول باید که کتابخونه رو به پروژه اضافه کنیم  

توی فایل build.gradle این کد هارو اضافه کنین 

allprojects {
        repositories {
            ...
            maven { url "https://jitpack.io" }
        }
}

حالا باید توی همین فایل و به بخش dependencies  بیاید کتابخونه رو اضافه کنید ، به این صورت

dependencies {
    compile 'com.github.shts:TriangleLabelView:1.1.0'
}

خب حالا پروژه رو ریبیلد کنین که کتابخونه اضافه بشه 

بعد بیاین و توی کدنویسی های ایکس ام ال اینطور پیش برین ک 

 <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ImageView
            android:id="@+id/image"
            android:scaleType="centerCrop"
            android:src="@drawable/Esm_image" // اسم عکستون که توی پوشه دراوبل هستش
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
<jp.shts.android.library.TriangleLabelView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:backgroundColor="@color/colorAccent" // رنگ بک گراند لیبل یا همون مثلثه ک الان اومدیم از مقادیر متریال گرفتیم میتونین تغییر بدین
        app:corner="leftTop" // موقعیتشه ک الان چپ بالا هست و میتونید تغیر بدید به راست بالا یا راست پایین یا چپ پایین
        app:labelBottomPadding="5dp"
        app:labelCenterPadding="0dp"
        app:labelTopPadding="10dp"
        app:primaryText="Ac" // متن اول
        app:primaryTextColor="@android:color/white"  // این رنگ متن اوله
        app:primaryTextSize="24sp"    // سایز متن اول
        app:secondaryText="#1"  // متن دوم
        app:secondaryTextColor="@android:color/white" // این رنگ متن دومه
        app:secondaryTextSize="18sp" // سایز متن دوم
        android:layout_alignTop="@+id/image"
        android:layout_alignLeft="@+id/image"
        android:layout_alignStart="@+id/image"

        />
    </RelativeLayout>

طبق کد بالا اومدیم و این لیبل رو اضافه کردیم و توی موقعیت چپ بالا قرار دادیم

 

لینک خوده کتابخونه : https://github.com/shts/TriangleLabelView

 

و این پایین هم چندتا کد مثال هست برای موقعیتای مختلفش

مثلا

پایین سمت چپ 

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ImageView
            android:id="@+id/image"
            android:src="@drawable/s_image_1"
            android:scaleType="centerCrop"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
        <jp.shts.android.library.TriangleLabelView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentLeft="true"
            android:layout_alignParentBottom="true"
            app:backgroundColor="@color/blue_900"
            app:corner="leftBottom"
            app:labelTopPadding="10dp"
            app:labelCenterPadding="5dp"
            app:labelBottomPadding="0dp"
            app:primaryText="New"
            app:primaryTextColor="@color/blue_500"
            app:primaryTextSize="16sp"
            app:secondaryText="01"
            app:secondaryTextColor="@color/blue_100"
            app:secondaryTextSize="11sp" />
    </RelativeLayout>
</android.support.v7.widget.CardView>

پایین راست 

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ImageView
            android:id="@+id/image"
            android:scaleType="centerCrop"
            android:src="@drawable/s_image_3"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
        <jp.shts.android.library.TriangleLabelView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            app:backgroundColor="@color/pink_900"
            app:corner="rightBottom"
            app:labelTopPadding="10dp"
            app:labelCenterPadding="5dp"
            app:labelBottomPadding="0dp"
            app:primaryText="New"
            app:primaryTextColor="@color/pink_500"
            app:primaryTextSize="16sp"
            app:secondaryText="01"
            app:secondaryTextColor="@color/pink_100"
            app:secondaryTextSize="11sp" />
    </RelativeLayout>
</android.support.v7.widget.CardView>

راست بالا 

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ImageView
            android:id="@+id/image"
            android:scaleType="centerCrop"
            android:src="@drawable/s_image_4"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
        <jp.shts.android.library.TriangleLabelView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            app:backgroundColor="@color/teal_900"
            app:corner="rightTop"
            app:labelBottomPadding="5dp"
            app:labelCenterPadding="0dp"
            app:labelTopPadding="10dp"
            app:primaryText="New"
            app:primaryTextColor="@color/teal_500"
            app:primaryTextSize="16sp"
            app:secondaryText="01"
            app:secondaryTextColor="@color/teal_100"
            app:secondaryTextSize="11sp" />
    </RelativeLayout>
</android.support.v7.widget.CardView>

و چپ بالا 

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ImageView
            android:id="@+id/image"
            android:scaleType="centerCrop"
            android:src="@drawable/s_image_2"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
        <jp.shts.android.library.TriangleLabelView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            app:backgroundColor="@color/yellow_900"
            app:corner="leftTop"
            app:labelBottomPadding="5dp"
            app:labelCenterPadding="0dp"
            app:labelTopPadding="10dp"
            app:primaryText="New"
            app:primaryTextColor="@color/yellow_500"
            app:primaryTextSize="16sp"
            app:secondaryText="01"
            app:secondaryTextColor="@color/yellow_100"
            app:secondaryTextSize="11sp" />
    </RelativeLayout>
</android.support.v7.widget.CardView>

  سرم گیج رفت خخخ 

موفق باشین