- 모바일 화면 최적화 코드
- slide-container
슬라이드 되는 사진들 전체를 담는 가장 큰 div
- wrapper
슬라이드 되는 사진들을 각각 개별로 담는 div
- clash-card "name"
이미지들을 감싸고 있으며 실제로 슬라이드 함수가 작동하는 div
- clash-card __image clash-card__image--"name"
* 카드뉴스 이미지
* "name"에 들어가는 이름이 css에서 불러올 이미지들의 이름.
- @media screen and (max-width: "nnn"px)
* 화면이 nnn픽셀보다 작아지면 밑의 코드들을 실행함.
* 스크린의 크기에 따라 변동되는 화면을 조정하기 위한 코드로, 반응형 웹을 만드는 데 이용됨.
- slick-prev & slick-next
* 애니메이션 함수를 시행하는 화살표 이미지.
* 코드 내용은 화살표들의 위치를 담고 있음.
- fadeIn(second)
* 이미지가 들어올 때 페이드 되는 시간 조절
* 100이 1초.
- fadeOut(second)
* 이미지가 나갈 때 페이드 되는 시간 조절.
* 100이 1초.
- html5 이상부터 지원
- Nougat 7.0 이상부터 지원
- windowBackground(value/style.xml)
로딩화면 이미지 지정
- string.xml
AlertDialog의 목록을 구성
- my_gridview.xml
* 그리드뷰의 모양 지정
* 이미지와 텍스트가 같은 칸에 들어가도록 지정
- activity_dialogfor_select.xml
* 주제별을 제외한 나머지(언론사별, 설정)에 들어가는 Dialogue를 만듦.
* customAlertdialog 와는 다르게 버튼 형식으로 들어감.
* 이미지 등록도 가능 (설정에 구현)
- DialogforSelect.java
WindowManager.LayoutParams lpWindow_inf = new WindowManager.LayoutParams();
lpWindow_inf.flags = WindowManager.LayoutParams.FLAG_DIM_BEHIND;
lpWindow_inf.dimAmount = 0.8f;
getWindow().setAttributes(lpWindow_inf);
* Dialogue 외부화면 흐리게 설정
- Dialog onCreateDialog(/MainActivity.java)
AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
builder.setTitle(“주제“);
builder.setItems(R.array.genre, new DialogInterface.OnClickListener() {
.
.
.
.
});
return builder.create();
}
* customAlertdialog 생성
- SplashActivity (/SplashActivity.java)
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
try{
Thread.sleep(3000); //로딩화면 뜨는 시간 (1000 = 1초)
}catch (InterruptedException e){
e.printStackTrace();
}
startActivity(new Intent(this,MainActivity.class));
finish();
}
* 로딩화면 시간 설정
- Icon (roundIcon) : 앱의 아이콘 설정
*
<activity>
android:name=“.SplashActivity”
android:screenOrientation=“portrait”
android:theme=“@style/SplashTheme”>
<intent-filter>
<action android:name=“android.intent.action.MAIN” />
<category android:name=“android.intent.category.LAUNCHER” />
</intent-filter>
</activity>
* 로딩화면 구현을 위해 추가되어야 할 코드