Android Add Tab

Android’de Sekme Ekleme: Adım Adım Kılavuz

Android uygulamalarında sekmeler, kullanıcıların uygulama içindeki farklı bölümler arasında kolayca geçiş yapmasını sağlayan önemli bir kullanıcı arayüzü öğesidir. Bu makalede, Android uygulamanıza sekme eklemenin adım adım kılavuzunu bulacaksınız.

1. Adım: Yeni Bir Android Projesi Oluşturun

Android Studio’yu açın ve yeni bir Android projesi oluşturun. Projenize bir ad verin ve “Empty Activity” şablonunu seçin.

2. Adım: Sekme Düzeni Oluşturun

Projenizin res/layout dizinine gidin ve yeni bir XML dosyası oluşturun. Bu dosyaya activity_main.xml adını verin. Bu dosya, uygulamanızın ana aktivitesinin düzenini tanımlayacaktır.

activity_main.xml dosyasına aşağıdaki kodu ekleyin:

“`xml

<androidx.viewpager.widget.ViewPager
    android:id="@+id/viewPager"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1" />

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabMode="fixed"
    app:tabGravity="fill" />


“`

Bu kod, bir ViewPager ve bir TabLayout öğesi içeren bir düzen oluşturur. ViewPager, sekmelerin içeriğini görüntülemek için kullanılırken, TabLayout sekmeleri görüntüler.

3. Adım: Sekme Fragmanları Oluşturun

Şimdi, sekmelerin içeriğini görüntüleyecek olan fragmanları oluşturmanız gerekiyor. Projenizin app/src/main/java/[package_name] dizinine gidin ve yeni bir Java dosyası oluşturun. Bu dosyaya Fragment1.java adını verin.

Fragment1.java dosyasına aşağıdaki kodu ekleyin:

“`java
package [package_name];

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

public class Fragment1 extends Fragment {

@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    return inflater.inflate(R.layout.fragment_1, container, false);
}

}
“`

Bu kod, basit bir fragman oluşturur. Fragmanın düzenini res/layout/fragment_1.xml dosyasında tanımlayabilirsiniz.

Benzer şekilde, diğer sekmelerin içeriğini görüntüleyecek olan fragmanları da oluşturun.

4. Adım: Sekme Uyarlayıcısı Oluşturun

Şimdi, sekmelerin içeriğini ViewPager’a bağlamak için bir sekme uyarlayıcısı oluşturmanız gerekiyor. Projenizin app/src/main/java/[package_name] dizinine gidin ve yeni bir Java dosyası oluşturun. Bu dosyaya ViewPagerAdapter.java adını verin.

ViewPagerAdapter.java dosyasına aşağıdaki kodu ekleyin:

“`java
package [package_name];

import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.viewpager2.adapter.FragmentStateAdapter;

import java.util.List;

public class ViewPagerAdapter extends FragmentStateAdapter {

private List<Fragment> fragmentList;

public ViewPagerAdapter(@NonNull FragmentActivity fragmentActivity, List<Fragment> fragmentList) {
    super(fragmentActivity);
    this.fragmentList = fragmentList;
}

@NonNull
@Override
public Fragment createFragment(int position) {
    return fragmentList.get(position);
}

@Override
public int getItemCount() {
    return fragmentList.size();
}

}
“`

Bu kod, bir sekme uyarlayıcısı oluşturur. Uyarlayıcı, ViewPager’a bağlanacak olan fragman listesini alır.

5. Adım: Sekme Uyarlayıcısını ViewPager’a Bağlayın

Şimdi, sekme uyarlayıcısını ViewPager’a bağlamanız gerekiyor. MainActivity.java dosyasına gidin ve aşağıdaki kodu ekleyin:

“`java
public class MainActivity extends AppCompatActivity {

private ViewPager viewPager;
private TabLayout tabLayout;
private ViewPagerAdapter viewPagerAdapter;

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

    viewPager = findViewById(R.id.viewPager);
    tabLayout = findViewById(R.id.tabLayout);

    List<Fragment> fragmentList = new ArrayList<>();
    fragmentList.add(new Fragment1());
    fragmentList.add(new Fragment2());
    fragmentList.add(new Fragment3());

    viewPagerAdapter = new ViewPagerAdapter(this, fragmentList);
    viewPager.setAdapter(viewPagerAdapter);

    tabLayout.setupWithViewPager(viewPager);
}

}
“`

Bu kod, sekme uyarlayıcısını ViewPager’a bağlar ve sekmeleri TabLayout’a ekler.

6. Adım: Uygulamayı Çalıştırın

Artık uygulamanızı çalıştırabilirsiniz. Uygulamayı çalıştırdığınızda, sekmelerin ve sekmelerin içeriğinin düzgün bir şekilde görüntülendiğini göreceksiniz.

Faydalı Siteler ve Dosyalar

Yayımlandı

kategorisi