上一張效果圖，簡單明了

直接上代碼，圖片自己替換
ActivityFragment.java

public class ActivityFragment extends Fragment {private View view;TabLayout tabLayout;@Nullablepublic View onCreateView(@NonNull LayoutInflater inflater,@Nullable ViewGroup container,@Nullable Bundle savedInstanceState) {view = inflater.inflate(R.layout.fragment_activity,container,false);new_tab();initView();initData();initEvent();return view;}private void new_tab(){tabLayout = view.findViewById(R.id.tab);tabLayout.addTab(tabLayout.newTab().setCustomView(tab_icon("周邊",R.mipmap.yixin_icon)));tabLayout.addTab(tabLayout.newTab().setCustomView(tab_icon("路線",R.mipmap.collection1)));tabLayout.addTab(tabLayout.newTab().setCustomView(tab_icon("導航",R.mipmap.mine1)));}private View tab_icon(String name,int iconID){View newtab = LayoutInflater.from(getContext()).inflate(R.layout.icon_view,null);TextView tv = (TextView) newtab.findViewById(R.id.tabtext);tv.setText(name);ImageView im = (ImageView)newtab.findViewById(R.id.tabicon);im.setImageResource(iconID);return newtab;}public void initView() {}public void initData() {}public void initEvent() {}}

所對應的 xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.gxuwz.yixin.activity.MainActivity"><com.google.android.material.tabs.TabLayoutandroid:id="@+id/tab"android:layout_height="wrap_content"android:layout_width="match_parent"android:layout_gravity="left" ></com.google.android.material.tabs.TabLayout> </RelativeLayout>

以上部分源碼借鑒度娘，記不清博主是誰了，如有侵權，請轉告我鏈接地址

總結

以上是生活随笔為你收集整理的Android --- TabLayout 每一个选项卡前面加图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。