آموزش برنامه نویسی اندروید | ساخت پروفایل متریال دیزاین در برنامه نویسی اندروید
سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش ساخت پروفایل متریال دیزاین در برنامه نویسی اندروید می پردازیم ابتدا شکل زیبای آن را ملاحظه کتید سپس به نحوه استفاده از آن خواهیم پرداخت نام این کتاب خانه Diagonalify است در ادامه با ما همراه باشید.
همانطور که میبینید می تواند جلوه زیبایی به اپلیکیشن شما دهد.
minsdk استفاده از این کتاب خانه برابر با 8 می باشد.
برای استفاده از این کتاب خانه مثل همیشه ابتدا باید آن را به پروژه خودمان اضافه کنیم.
پس ابتدا وارد فایل Build.gradle از نوع Top Level شده سپس در بخش repositories خط زیر را اضافه کنید.
1 | maven { url "https://jitpack.io" } |
سپس وارد فایل Build.gradle در این دفعه از نوع Module شده و در بخش dependencies خط زیر را اضافه کنید.
1 | compile 'com.github.developer-shivam:Diagonalify:1.1' |
سپس پروژه را sync کنید. علت خطاهای احتمالی مربوط به گریدل را قبلا بررسی کرده ایم و کافی است در سایت واژه gradle را جستجو کنید.
برای اینکه آن را در layout خود قرار دهید باید از کد زیر استفاده کنید.
1 2 3 4 5 6 7 8 9 10 | <developer.shivam.library.DiagonalView android:id="@+id/diagonal_view" android:layout_width="match_parent" android:layout_height="300dp" android:src="@drawable/cover_photo" android:scaleType="centerCrop" diagonal:diagonalColor="#FFFFFF" diagonal:backgroundColor="#00F44336" diagonal:diagonalGravity="right" diagonal:angle="15"/> |
android:src برای قرار دادن عکس استفاده می شود.
android:scaleType : میزان گسترش را تعیین می کند بهتر است آن را یغییر ندهید.
diagonal:diagonalColor : رنگ اطراف عکس را تعیین می کند.
diagonal:backgroundColor : رنگ پس زمینه را تنظیم می کند.
diagonal:diagonalGravity : جهت یا موقعیت مکانی عکس را تعیین می کند.
diagonal:angle : گردی دور عکس توسط این ویژگی ایجاد می شود.
و برای اینکه توسط کد آن را ایجاد کنید و کنترل بروی آن داشته باشید.
1 2 3 4 5 | DiagonalView diagonalView = new DiagonalView(this); diagonalView.setAngle(15); diagonalView.setDiagonalGravity(DiagonalView.LEFT); diagonlaView.setDiagonalColor(Color.BLACK); diagonalView.setBackgroundColor(Color.WHITE); |
کد ها همانند کدهای xml کار می کنند.
برای اینکه View مربوطه را پیدا کنید از کد زیر می توانید استفاده کنید.
1 | DiagonalView dv = (DiagonalView)findViewByid(R.id.diagonal_view); |
این view تمامی Click Listener های مربوط به دیگر view ها را می پذیرد.
این آموزش هم به پایان رسید.
موفق و موید باشید.
سلام
در فایل xml من با این 3 خط کد مشکل داره یعنی رنگ Diagonal قرمز میشه چیکار کنم ؟ ترو خدا جواب بدین خیلی لازمه
diagonal:diagonalColor=”#FFFFFF”
diagonal:backgroundColor=”#00F44336″
diagonal:diagonalGravity=”right”
diagonal:angle=”15″/>
حذف کنید.
سلام برای set کردن عکس در داخل imageview دایره ای باید از چه دستوری استفاده کرد؟میخوام image رو از سرور بگیرم از هر دستوری که راجع به image داشت استفاده کردم ولی عکس رو به بک گراند اضافه میکنه. آیا باید یک Imageview دایره ای رو به عنوان فرزند داشته باشه؟راستی من منظورتونو از اینکه setAngle گردی دور عکس رو مشخص میکنه متوجه نشدم . من وقتی تغییرش میدم زاویه ی خط اریب عوض میشه.
سلام باید یک عدد custom view براش بزنید.
موفق باشید.