Android自定义操作列示例教程

时间:2020-02-23 14:28:51  来源:igfitidea点击:

在本教程中,我们将创建一个包含具有自定义布局的Android自定义操作列的应用。
我们假设您对本教程中讨论的ActionBar组件有基本的了解。

Android自定义操作列

要自定义ActionBar,首先需要在res/values/styles.xml中配置主题,并在AndroidManifest.xml中为相应的活动类设置主题。
以下是该文件的xml布局:

styles.xml

<resources>
  
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
      <!-- Customize your theme here. -->
  </style>

  <style name="CustomTheme" parent="Theme.AppCompat.Light">

      <item name="contentInsetStart">0dp</item>
      <item name="contentInsetEnd">0dp</item>
  </style>

</resources>

从上面的代码片段开始,如果我们为活动使用ʻAppTheme`样式,它将抛出空指针异常,因为它明确指定了NoActionBar主题。

因此,我们将在该项目中使用" CustomTheme"样式。
contentInsetStart和contentInsetEnd是填充值。

请注意,我们将使用" AppCompatActivity",因为它与3.0之前的Android版本具有最大的兼容性。

自定义操作列布局

以下是将从MainActivity设置为ActionBar的视图布局。

custom_action_bar_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="https://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="horizontal"
  >

  <TableRow>

      <ImageButton
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:src="@drawable/back"
          android:layout_gravity="center_vertical"
          android:background="@android:color/transparent"
          android:id="@+id/action_bar_back"
          android:layout_alignParentTop="true"
          android:layout_centerHorizontal="true" 

      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/app_name"
          android:gravity="center_horizontal"
          android:textAppearance="?android:attr/textAppearanceMedium"
          android:textStyle="bold"
          android:padding="10dp"
          android:layout_alignParentTop="true"
          android:layout_weight="1"
          

      <ImageButton
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:src="@drawable/forward"
          android:id="@+id/action_bar_forward"
          android:layout_gravity="center_vertical"
          android:background="@android:color/transparent"
          android:layout_alignParentTop="true"
          android:layout_centerHorizontal="true" 

  </TableRow>

</TableLayout>

视图布局由两个ImageButtons组成,分别代表前向和后向图像按钮,以及一个位于中心的TextView。

Android自定义操作条形码

由于我们这里的重点是ActionBar,所以activity_main.xml是一个空的RelativeLayout。
MainActivity.java在下面给出。

package com.theitroad.customactionbar;

import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageButton;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);

      getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
      getSupportActionBar().setDisplayShowCustomEnabled(true);
      getSupportActionBar().setCustomView(R.layout.custom_action_bar_layout);
      View view =getSupportActionBar().getCustomView();

      ImageButton imageButton= (ImageButton)view.findViewById(R.id.action_bar_back);

      imageButton.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
              finish();
          }
      });

      ImageButton imageButton2= (ImageButton)view.findViewById(R.id.action_bar_forward);

      imageButton2.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
              Toast.makeText(getApplicationContext(),"Forward Button is clicked",Toast.LENGTH_LONG).show();
          }
      });
  }

}

在上面的代码中,我们正在使用支持库。
因此,我们使用了getSupportActionBar()而不是getActionBar()。

要将自定义布局添加到ActionBar,我们在getSupportActionBar()上调用了以下两个方法:

  • getSupportActionBar()。
    setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
  • getSupportActionBar()。
    setDisplayShowCustomEnabled(true);

如上所示,将调用setCustomView()以使用customView为ActionBar充气。

要为ActionBar按钮设置onClickListeners,我们需要首先使用getCustomView()获取CustomView。
在本教程中,我们对后退按钮进行了编程,以使用" finish();"关闭活动,而对前进按钮进行了编程,以显示Toast。

注意:将以下行添加到application标记内的AndroidManifest.xml中。

android:theme="@style/CustomTheme"

这是带有自定义主题和布局的android应用程序。

注意:两侧都有固定的边距,无法修改。
为此,我们需要将ActionBar替换为ToolBar。