안드로이드(Android)
안드로이드 이론 빡공 13
KyeongMin
2020. 6. 19. 19:43
728x90
반응형
**fragment1.xml**
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#00BCD4"
android:orientation="vertical">
<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="첫번째"
android:textSize="50sp" />
</LinearLayout>
소스
**MainActivity.java**
package com.threedpit.mytab;
import androidx.appcompat.app.ActionBar;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import android.os.Bundle;
import com.google.android.material.tabs.TabLayout;
public class MainActivity extends AppCompatActivity {
Toolbar toolbar;
Fragment1 fragment1;
Fragment2 fragment2;
Fragment3 fragment3;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
toolbar =findViewById(R.id.toolbar);
setSupportActionBar(toolbar);// 툴바가 화면에 보임
//getSupportActionBar() 우리가 액션바 설정한것이 여기로 참조해서 가리킴
ActionBar actionBar = getSupportActionBar();
actionBar.setDisplayShowTitleEnabled(false);// 타이틀을 보여주게 할꺼냐 이런거
fragment1=new Fragment1();
fragment2=new Fragment2();
fragment3=new Fragment3();
// getSupportFragmentManager().프래그먼트 매니저 찾고
//이렇게 하면 첫번째 프레그먼트가 프레임레이아웃 안에 나옴
getSupportFragmentManager().beginTransaction().replace(R.id.container,fragment1).commit();
TabLayout tabs = findViewById(R.id.tabs);//탭버튼을 위한 위젯을 받아오는것
tabs.addTab(tabs.newTab().setText("통화기록"));//이것은 탭버튼을 추가하는데 통화기록글자 보이게 해라
//아이콘이나 글자도 넣을수 있다.
tabs.addTab(tabs.newTab().setText("스팸기록"));
tabs.addTab(tabs.newTab().setText("연락처"));
tabs.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
// 이함수는 탭버튼이 선택되었을때 동작하는것
public void onTabSelected(TabLayout.Tab tab) {
int position = tab.getPosition();
// 몇번째 탭인지 안드로이드에서는 인덱스를 포지션으로 쓴다.
if(position==0){
//프래그먼트1 번 화면으로 전환
getSupportFragmentManager().beginTransaction().replace(R.id.container,fragment1).commit();
}
else if(position==1){
//프래그먼트2 번 화면으로 전화
getSupportFragmentManager().beginTransaction().replace(R.id.container,fragment2).commit();
}
else if(position==2){
//프래그먼트3 번 화면으로 전화
getSupportFragmentManager().beginTransaction().replace(R.id.container,fragment3).commit();
}
}
@Override
public void onTabUnselected(TabLayout.Tab tab) {
}
@Override
public void onTabReselected(TabLayout.Tab tab) {
}
});
}
}
**activity_main.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"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<androidx.coordinatorlayout.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
//AppBarLayout은 액션바의 영역을 가리킨다고 생각하면됨
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
//Toolbar는 아이콘이 들어가는 영역
//elevation은 앞으로 올라온듯한 느낌을 주는것
//툴바쪽 타이틀 이름 생성되는 부분
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorPrimaryDark"
android:elevation="1dp"
android:theme="@style/ThemeOverlay.AppCompat.Dark">
<TextView
android:id="@+id/titleText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="타이틀"
android:textAppearance="@style/TextAppearance.AppCompat.Widget.ActionBar.Title"/>
</androidx.appcompat.widget.Toolbar>
//탭에 대한 정보
<com.google.android.material.tabs.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/background_light"
android:elevation="1dp"
app:tabGravity="fill"
app:tabMode="fixed"
app:tabSelectedTextColor="@color/colorAccent"
app:tabTextColor="@color/colorPrimary"/>
</com.google.android.material.appbar.AppBarLayout>
//여기 기준으로 위에는 상단 액션바 부분
// 여기 기준으로 아래는 하단의 화면 전체
// 실제 화면 영역
//CoordinatorLayout 안쪽에 화면 구성요소를 넣은 다음에
//거기에 app:layout_behavior="@string/appbar_scrolling_view_behavior">
// 이것을 넣게 되면 자동으로 상단에 앱바 레이아웃이 차지하고 잇는 나머지 영역을
//계산해서 차지하게 된다.
<FrameLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
</FrameLayout>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
</RelativeLayout>**Fragment1**
package com.threedpit.mytab;
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.fragment1,container,false);
}
}
**fragment1.xml**
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#00BCD4"
android:orientation="vertical">
<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="첫번째"
android:textSize="50sp" />
</LinearLayout>
728x90
반응형