PDA

View Full Version : ساخت Button اختصاصی [آموزش + سورس]



barnamenevisjavan
جمعه 28 آذر 1393, 21:09 عصر
سلام خودم خیلی دنبال این آموزش بودم بلاخره روشش رو فهمیدم اینجا هم اشتراک میزارم
اول در پوشه values یک xml جدید با نام colors ایجاد کنید
کدهای زیر را در آن قرار دهید

<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="NiceButtonStartColor">#4AA02C</color>
<color name="NiceButtonEndColor">#348017</color>
<color name="NiceButtonDisabledStartColor">#565051</color>
<color name="NiceButtonDisabledEndColor">#736F6E</color>
<color name="NiceButtonBorderColor">#254117</color>
</resources>


در پوشه Drawable یک xml با نام nice_button ایجاد کنید و کدهای زیر را قرار دهید
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">


<item android:state_pressed="true" >
<shape>
<gradient
android:endColor="@color/NiceButtonStartColor"
android:startColor="@color/NiceButtonEndColor"
android:angle="270" />
<stroke
android:width="1dp"
android:color="@color/NiceButtonBorderColor" />
<corners
android:radius="3dp" />
<padding
android:left="0dp"
android:top="10dp"
android:right="0dp"
android:bottom="10dp" />
</shape>
</item>


<item android:state_focused="true" >
<shape>
<gradient
android:startColor="@color/NiceButtonStartColor"
android:endColor="@color/NiceButtonEndColor"
android:angle="270" />
<stroke
android:width="1dp"
android:color="@color/NiceButtonBorderColor" />
<corners
android:radius="3dp" />
<padding
android:left="0dp"
android:top="10dp"
android:right="0dp"
android:bottom="10dp" />
</shape>
</item>


<item android:state_enabled="false">
<shape>
<gradient
android:startColor="@color/NiceButtonDisabledStartColor"
android:endColor="@color/NiceButtonDisabledEndColor"
android:angle="270" />
<stroke
android:width="1dp"
android:color="@color/NiceButtonBorderColor" />
<corners
android:radius="3dp" />
<padding
android:left="0dp"
android:top="10dp"
android:right="0dp"
android:bottom="10dp" />
</shape>
</item>


<item>
<shape>
<gradient
android:startColor="@color/NiceButtonStartColor"
android:endColor="@color/NiceButtonEndColor"
android:angle="270" />
<stroke
android:width="1dp"
android:color="@color/NiceButtonBorderColor" />
<corners
android:radius="3dp" />
<padding
android:left="0dp"
android:top="10dp"
android:right="0dp"
android:bottom="10dp" />
</shape>
</item>
</selector>


حالا در لایوت خود یک Button قرار دهید و کدهای xml زیر را به آن اضافه کنید
<Button
android:id="@+id/btnStart"
android:layout_width="fill_parent"
android:layout_height="40dp"
android:layout_margin="3dp"
android:gravity="center"


android:background="@drawable/nice_button"


android:text="@string/labelStart"
android:textColor="@android:color/white"
android:textSize="18sp"
android:shadowRadius="1"
android:shadowDx="1"
android:shadowDy="1"
android:shadowColor="@android:color/black"
></Button>


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

ali reza mansoori 2
پنج شنبه 04 دی 1393, 21:49 عصر
چجوری باید از این دکمه تو پروژه استفاده کرد

hamedg1366
پنج شنبه 04 دی 1393, 22:52 عصر
!



android:id="@+id/btnStart"

آیدی دکمه ایجاد شده رو توی پروژه استفاده کنید دیگه !


شما کجای مطلب رو نگرفتین بگین تا توضیح بدم ؟