ในรูปแบบที่พื้นฐานที่สุด แถบการทำงานจะแสดงชื่อของกิจกรรมใน และเมนูรายการเพิ่มเติมอีกด้านหนึ่ง แม้จะอยู่ในรูปแบบพื้นฐานนี้ แถบแอปจะให้ ข้อมูลที่เป็นประโยชน์ต่อผู้ใช้ และทำให้แอป Android มีรูปลักษณ์ที่สอดคล้องกัน
![รูปภาพแสดงแถบแอปในแอป Now in Android](https://developer.android.com/static/images/ui/notifications/actions_actionbar.png?authuser=5&hl=th)
กิจกรรมทั้งหมดที่ใช้ธีมเริ่มต้นจะมีองค์ประกอบ
ActionBar
แบบแอป
แถบ มีการเพิ่มฟีเจอร์แถบแอปลงใน ActionBar
ดั้งเดิมผ่านฟีเจอร์ต่างๆ
รุ่นต่างๆ ของ Android ด้วยเหตุนี้ โฆษณาเนทีฟ ActionBar
จึงทำงานต่างออกไป
โดยขึ้นอยู่กับเวอร์ชัน Android ที่อุปกรณ์ใช้
ในทางกลับกัน มีการเพิ่มคุณลักษณะลงในเวอร์ชันของไลบรารี AndroidX AppCompat
Toolbar
,
ซึ่งหมายความว่าคุณลักษณะเหล่านั้นจะพร้อมใช้งานในอุปกรณ์ที่ใช้ไลบรารี AndroidX
ใช้คลาส Toolbar
ของไลบรารี AndroidX เพื่อนำกิจกรรมของคุณไปใช้
แถบแอป ด้วยเหตุนี้ การใช้แถบเครื่องมือของไลบรารี AndroidX จะทำให้แอปของคุณ
พฤติกรรมที่สอดคล้องกันในอุปกรณ์หลากหลายประเภทที่สุด
เพิ่มแถบเครื่องมือลงในกิจกรรม
ขั้นตอนต่อไปนี้อธิบายวิธีตั้งค่าToolbar
เป็นแถบแอปของกิจกรรม
- เพิ่มไลบรารี AndroidX ลงในโปรเจ็กต์ของคุณ ตามที่อธิบายไว้ใน ภาพรวม AndroidX
- ตรวจสอบว่ากิจกรรมขยายเวลาออกไป
AppCompatActivity
:Kotlin
class MyActivity : AppCompatActivity() { // ... }
Java
public class MyActivity extends AppCompatActivity { // ... }
- ในไฟล์ Manifest ของแอป ให้ตั้งค่า
<application>
ที่จะใช้หนึ่งในคอมโพเนนต์ AppCompatNoActionBar
ธีม ดังที่ปรากฏในตัวอย่างต่อไปนี้ การใช้ธีมใดธีมหนึ่งเหล่านี้จะป้องกันไม่ให้ แอปจากการใช้คลาสActionBar
แบบเนทีฟเพื่อแสดงแถบแอป<application android:theme="@style/Theme.AppCompat.Light.NoActionBar" />
- เพิ่ม
Toolbar
ในเลย์เอาต์ของกิจกรรม ตัวอย่างเช่น URL ต่อไปนี้ โค้ดเลย์เอาต์จะเพิ่มToolbar
และทำให้มีลักษณะเป็นแบบลอย เหนือกิจกรรม<androidx.appcompat.widget.Toolbar android:id="@+id/my_toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" android:elevation="4dp" android:theme="@style/ThemeOverlay.AppCompat.ActionBar" app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>
โปรดดู ข้อมูลจำเพาะของดีไซน์ Material สำหรับคำแนะนำเกี่ยวกับระดับความสูงของแถบแอป
วางแถบเครื่องมือไว้ที่ด้านบนของ layout เนื่องจากคุณกำลังใช้ เป็นแถบแอป
- ในกิจกรรม
onCreate()
เรียกกิจกรรม วันที่setSupportActionBar()
และส่งผ่านแถบเครื่องมือของกิจกรรม ดังที่ปรากฏในตัวอย่างต่อไปนี้ ช่วงเวลานี้ จะตั้งค่าแถบเครื่องมือเป็นแถบแอปสำหรับกิจกรรมKotlin
override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_my) // The Toolbar defined in the layout has the id "my_toolbar". setSupportActionBar(findViewById(R.id.my_toolbar)) }
Java
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_my); Toolbar myToolbar = (Toolbar) findViewById(R.id.my_toolbar); setSupportActionBar(myToolbar); }
ตอนนี้แอปมีแถบการดำเนินการพื้นฐานแล้ว โดยค่าเริ่มต้น แถบการดำเนินการจะมีชื่อ ของแอปและเมนูรายการเพิ่มเติม ซึ่งในตอนแรกจะมีรายการการตั้งค่า คุณสามารถเพิ่มการทำงานอื่นๆ ลงในแถบการทำงานและเมนูรายการเพิ่มเติม ดังที่อธิบายไว้ใน เพิ่มและจัดการการดำเนินการ
ใช้วิธีการยูทิลิตีในแถบแอป
คุณจะเข้าถึงยูทิลิตีนี้ได้เมื่อตั้งแถบเครื่องมือเป็นแถบแอปของกิจกรรมแล้ว
ที่ให้บริการโดยไลบรารี AndroidX
ActionBar
วิธีนี้ช่วยให้คุณทำสิ่งต่างๆ ที่เป็นประโยชน์ได้ เช่น ซ่อนและแสดงแถบแอป
หากต้องการใช้วิธียูทิลิตี ActionBar
ให้เรียกกิจกรรม
วันที่ getSupportActionBar()
เมธอดนี้จะแสดงการอ้างอิงไปยังออบเจ็กต์ ActionBar
ของ AppCompat
เมื่อคุณมีการอ้างอิงแล้ว คุณสามารถเรียกใช้เมธอด ActionBar
ใดก็ได้
เพื่อปรับแถบแอป ตัวอย่างเช่น หากต้องการซ่อนแถบแอป ให้เรียก
ActionBar.hide()