TabLayoutのimportでCannot resolveエラー

Question

android開発の学習を始めたものですがjavaはほとんど初心者です。

初歩的な質問になってしまうようかもしれませんが
android.support.design.widget.TabLayout;を
importしたときに
TabLayoutが解決できませんと出るエラーが解決できなくて困っています。

importの参照元にTabLayoutがないため発生していることなのだろうとは思いますが
android開発は初めてまもないのでフォルダの構成がまだ何となくしか理解できていません。
何か間違っていたら教えていただきたいです。

package com.example.test;

//下４行はサンプルコード
import android.os.Bundle;
import android.support.design.widget.TabLayout; //TabLayoutのインポート元が間違っている？
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;

import androidx.appcompat.app.AppCompatActivity; //後からインポートしたもの
import androidx.viewpager.widget.ViewPager;　//後からインポートしたもの

public class MainActivity extends AppCompatActivity {

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

        ViewPager pager = findViewById(R.id.pager);
        pager.setAdapter(
                new PageAdapter(getSupportFragmentManager()));

        TabLayout tabs = findViewById(R.id.tabs); 　//解決できませんのエラー
        tabs.setupWithViewPager(pager);
        tabs.getTabAt(0).setIcon(R.drawable.tab_icon1);
        tabs.getTabAt(1).setIcon(R.drawable.tab_icon2);
        tabs.getTabAt(2).setIcon(R.drawable.tab_icon3);
    }
}

#環境情報
OS：mac
android：kitkat(4.4)

Answer 1

今後ストアにアプリをあげる場合、supportライブラリは現時点でもう非推奨でそれに合わせたtargetSDKでビルドしたものは今後アップすることができなくなるため、全てandroidxに変更をオススメします。

そのため、gradleファイルを内のsupportライブラリは全て消し、TabLayoutを利用するために以下の記述をgradleに追加して下さい。

implementation 'com.google.android.material:material:1.2.1'