ตั้งค่าแถบแอป

ลองใช้วิธีการเขียน

Jetpack Compose เป็นชุดเครื่องมือ UI ที่แนะนำสำหรับ Android ดูวิธีเพิ่มคอมโพเนนต์ใน Compose

แถบแอป →

ในรูปแบบที่พื้นฐานที่สุด แถบการทำงานจะแสดงชื่อของกิจกรรมใน และเมนูรายการเพิ่มเติมอีกด้านหนึ่ง แม้จะอยู่ในรูปแบบพื้นฐานนี้ แถบแอปจะให้ ข้อมูลที่เป็นประโยชน์ต่อผู้ใช้ และทำให้แอป Android มีรูปลักษณ์ที่สอดคล้องกัน

วันที่

รูปที่ 1 แถบแอปที่มีไอคอนการดำเนินการใน "ตอนนี้อยู่ใน Android" แอป

กิจกรรมทั้งหมดที่ใช้ธีมเริ่มต้นจะมีองค์ประกอบ ActionBar แบบแอป แถบ มีการเพิ่มฟีเจอร์แถบแอปลงใน ActionBar ดั้งเดิมผ่านฟีเจอร์ต่างๆ รุ่นต่างๆ ของ Android ด้วยเหตุนี้ โฆษณาเนทีฟ ActionBar จึงทำงานต่างออกไป โดยขึ้นอยู่กับเวอร์ชัน Android ที่อุปกรณ์ใช้

ในทางกลับกัน มีการเพิ่มคุณลักษณะลงในเวอร์ชันของไลบรารี AndroidX AppCompat Toolbar, ซึ่งหมายความว่าคุณลักษณะเหล่านั้นจะพร้อมใช้งานในอุปกรณ์ที่ใช้ไลบรารี AndroidX

ใช้คลาส Toolbar ของไลบรารี AndroidX เพื่อนำกิจกรรมของคุณไปใช้ แถบแอป ด้วยเหตุนี้ การใช้แถบเครื่องมือของไลบรารี AndroidX จะทำให้แอปของคุณ พฤติกรรมที่สอดคล้องกันในอุปกรณ์หลากหลายประเภทที่สุด

เพิ่มแถบเครื่องมือลงในกิจกรรม

ขั้นตอนต่อไปนี้อธิบายวิธีตั้งค่า Toolbar เป็นแถบแอปของกิจกรรม

1. เพิ่มไลบรารี AndroidX ลงในโปรเจ็กต์ของคุณ ตามที่อธิบายไว้ใน ภาพรวม AndroidX
2. ตรวจสอบว่ากิจกรรมขยายเวลาออกไป AppCompatActivity:

   Kotlin

   class MyActivity : AppCompatActivity() {
     // ...
   }
   

   Java

   public class MyActivity extends AppCompatActivity {
     // ...
   }
   

   หมายเหตุ: ทําการเปลี่ยนแปลงนี้กับทุกกิจกรรมในแอปที่ใช้ Toolbar เป็นแถบแอป
3. ในไฟล์ Manifest ของแอป ให้ตั้งค่า <application> ที่จะใช้หนึ่งในคอมโพเนนต์ AppCompat NoActionBar ธีม ดังที่ปรากฏในตัวอย่างต่อไปนี้ การใช้ธีมใดธีมหนึ่งเหล่านี้จะป้องกันไม่ให้ แอปจากการใช้คลาส ActionBar แบบเนทีฟเพื่อแสดงแถบแอป

   <application
       android:theme="@style/Theme.AppCompat.Light.NoActionBar"
       />
   

4. เพิ่ม 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 เนื่องจากคุณกำลังใช้ เป็นแถบแอป

5. ในกิจกรรม 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()