ورود با اکانت گوگل
یا
آقای متریال

برای جستجو کلمه مورد نظر خود را وارد کنید

آموزش فلت باتِن Flat Button

rouhollah.mz


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

به نام خدا 

سلام ، در خدمتتون هستیم با آموزش فلت باتِن Flat Button 

فلت باتن ، باتن های فقط همراه “متن” هستند. اون ها ممکنه که در : تولبار ، دیالوگ و نوار ابزار استفاده بشن . باتن های فلت موقع تپ شدن برجسته نمیشن و حالت لونها پر شدن از رنگ هاست ! 

__

برای اضافه کردن Flat Button در اولین مرحله باید کتابخانه ی AppCompat رو در build.gradle وارد کنیم :

dependencies { 
compile 'com.android.support:appcompat-v7:23.2.1' 
}

پس از اون باید مطمئن بشیم که اکتیویتی مورد نظر ما extend شده باشه از AppCompatActivity  :

public class MainActivity extends AppCompatActivity { 
...
}

در مرحله ی بعد باید برای Button موجود در لیوت مورد نظر ما Style رو Borderless بزاریم :

<Button 
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
style="@style/Widget.AppCompat.Button.Borderless"/>

تا این مرحله Flat Button ما ساخته شده و چنین شکلی رو خواهد داشت : 

فلت باتن Flat Button

__

برای اینکه Style مورد نظر خودمون رو (رنگ هنگام تپ شدن) به Flat Button بدیم باید به این شیوه عمل کنیم : 

باید Custom Style خودمون رو در style.xml وارد کنیم : 

<style name="MyButton" parent="Theme.AppCompat.Light"> 
<item name="colorControlHighlight">@color/pink</item>
</style>

و برای وارد کردن رنگ مورد نظر ، کافیه که کد رنگ رو بجای این قسمت وارد کنیم : 

@color/pink

و تنها کار باقی مونده وارد کردن این Style برای Button مورد نظر ماست : 

<Button 
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
android:theme="@style/MyButton"
style="@style/Widget.AppCompat.Button.Borderless"/>

نتیجه ی نهایی : 

فلت باتن Flat Button

__

امیداوریم که آموزش برای شما مفید بوده باشه ، موفق باشید .

دیدگاه هایی که برای این مطلب ارسال شده

  1. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: حسین کریمی تیر ۲۷, ۱۳۹۵

    آموزش خوبی بود مرسی.

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: Rouhollah.Mz تیر ۳۱, ۱۳۹۵

      ممنون ، ان شا الله آموزش های بهتری رو در آینده منتشر خواهیم کرد …

  2. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: سروش تیر ۲۸, ۱۳۹۵

    عالی بود ممنون! به وبسایت منم سر بزنید 🙂

  3. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: میلاد مرداد ۳, ۱۳۹۵

    سلام برای b4a چی ؟

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: Rouhollah.Mz مرداد ۵, ۱۳۹۵

      سلام
      این آموزش مربوط به جاوا _ اندروید استودیو هست ، ممکنه در آینده برای b4a اندروید هم منتشر بشه .

شما هم دیدگاهی برای این مطلب ارسال کنید

مطالب مرتبط

مطالب تصادفی

لوگوی دوستان

هایپر تمپ | HyperTemp