Android 개발 모방 과정 표 의 레이아웃 인 스 턴 스 상세 설명

먼저 이 demo 를 말씀 드 리 겠 습 니 다.이것 은 교과 과정 표를 모방 한 레이아웃 파일 입 니 다.비록 저 는 풋내기 이지 만 저 는 공부 하 는 사람 에 게 예 를 들 어 효 과 를 먼저 보고 싶 습 니 다.
 
그리고 저희 학교 앱 도 한번 볼 게 요.

레이아웃 분석
먼저 구 분 된 배치 도 를 한 장 보 여 드 리 겠 습 니 다.
먼저 전체 페이지 는 하나의 LinearLayout 레이아웃 아래 에 놓 여 있 고 위 와 아래 두 부분 으로 나 뉘 며 다음은 교과 과정 표를 표시 하 는 상세 한 정보 입 니 다.
1:이것 은 할 말 이 없습니다.바로 LinearLayout 레이아웃 입 니 다.그리고 컨트롤 하 나 는 TextView 로 연 도 를 표시 하고 하나의 View 는 세로 선 으로 사용 하 며 하나의 Spinner 는 선택 주 수 를 표시 합 니 다.
2:이것 은 요일 을 표시 하 는 위 젯 입 니 다.제 가 사용자 정의 View 입 니 다.onDraw 방법 을 다시 쓴 다음 에 7 글 자 를 그립 니 다.코드 는 다음 과 같 습 니 다.

public void onDraw(Canvas canvas)
{
//    View   
int width = getWidth();
int offset = width / 8;
int currentPosition = offset;
//        
mPaint.setTypeface(Typeface.create(Typeface.DEFAULT_BOLD, Typeface.BOLD));
mPaint.setTextSize(30);
mPaint.setColor(Color.rgb(0, 134, 139));
for(int i = 0; i < 7 ; i++)
{
//       
if( day == i)
{
System.out.println("       !");
}
canvas.drawText(days[i], currentPosition, 30, mPaint);
currentPosition += offset;
}
//         
super.onDraw(canvas);
}

3:이것 도 LinearLayout 입 니 다.직접 손 으로 레이아웃 을 작성 하고 쓴 것 입 니 다.LinearLayout 의 orientation 속성 을 vertical 로 설정 합 니 다.
4:이것 은 GridView 입 니 다.그리고 BaseAdapter 를 계승 하여 내용 을 채 우 고 아래 에 레이아웃 의 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:orientation="vertical">
<!--    -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/white">
<TextView
android:id="@+id/year"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_gravity="center"
android:gravity="center"
android:layout_marginLeft="20dp"
android:textSize="20dp"
android:text="2016 "/>
<!--  -->
<View
android:layout_width="1dp"
android:layout_height="match_parent"
android:layout_marginLeft="20dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:background="#00FFFF"
/>
<!--       -->
<Spinner
android:id="@+id/switchWeek"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_gravity="center"
/>
</LinearLayout>
<!--   -->
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#00FF7F"/>
<!--    -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:background="@android:color/white">
<cn.karent.demo.UI.WeekTitle
android:layout_width="match_parent"
android:layout_height="30dp"
android:layout_marginTop="10dp"/>
</LinearLayout>
<!--        -->
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<!--      -->
<LinearLayout
android:layout_width="25dp"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="wrap_content"
android:layout_height="92dp"
android:text=" "
android:textSize="10dp"
android:gravity="center"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="92dp"
android:textSize="12dp"
android:text=" "
android:gravity="center"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="92dp"
android:textSize="12dp"
android:text=" "
android:gravity="center"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="92dp"
android:textSize="12dp"
android:text=" "
android:gravity="center"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="92dp"
android:textSize="12dp"
android:text=" "
android:gravity="center"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="92dp"
android:textSize="12dp"
android:text=" "
android:gravity="center"/>
</LinearLayout>
<View
android:layout_width="1dp"
android:layout_height="match_parent"
android:background="#E5E5E5"/>
<GridView
android:id="@+id/courceDetail"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:numColumns="7"
android:horizontalSpacing="1dp"
android:verticalSpacing="1dp"
android:stretchMode="columnWidth"
android:background="#E5E5E5">
</GridView>
</LinearLayout>
</ScrollView>
</LinearLayout>

다음은 GridView 의 어댑터 코드 입 니 다.

public class MyAdapter extends BaseAdapter {
private Context mContext;
//         
private List<String> content;
public MyAdapter(Context context, List<String> list) {
this.mContext = context;
this.content = list;
}
public int getCount() {
return content.size();
}
public Object getItem(int position) {
return content.get(position);
}
public long getItemId(int position) {
return position;
}
public View getView(int position, View convertView, ViewGroup parent) {
if( convertView == null) {
convertView = LayoutInflater.from(mContext).inflate(R.layout.grib_item, null);
}
TextView textView = (TextView)convertView.findViewById(R.id.text);
//    ,      
if( !getItem(position).equals("")) {
textView.setText((String)getItem(position));
textView.setTextColor(Color.WHITE);
//    
int rand = position % 7;
switch( rand ) {
case 0:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.grid_item_bg));
break;
case 1:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_12));
break;
case 2:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_13));
break;
case 3:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_14));
break;
case 4:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_15));
break;
case 5:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_16));
break;
case 6:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_17));
break;
case 7:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_18));
break;
}
}
return convertView;
}
}

다음은 천천히 설명 하 겠 습 니 다.우선 어댑터 를 사용자 정의 하려 면 어댑터 를 계승 해 야 합 니 다.여기 서 우 리 는 BaseAdapter 에서 계승 하고 계승 한 후에 getCount(),getItem(int),getItemId(int),getView(int,View,ViewGroup)등 방법 을 다시 써 야 합 니 다.가장 중요 한 것 은 getView()를 다시 쓰 는 방법 입 니 다.이 방법 은 View 로 되 돌아 가기 때 문 입 니 다.그러면 GridView 의 모든 키 아 이 템 의 레이아웃 입 니 다.

convertView=LayoutInflater.from(mContext).inflate(R.layout.grib_item, null);

이 줄 코드 는 레이아웃 파일 을 불 러 오고 View 를 되 돌려 줍 니 다.

if( !getItem(position).equals("")) {
textView.setText((String)getItem(position));
textView.setTextColor(Color.WHITE);
//    
int rand = position % 7;
switch( rand ) {
case 0:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.grid_item_bg));
break;
case 1:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_12));
break;
case 2:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_13));
break;
case 3:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_14));
break;
case 4:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_15));
break;
case 5:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_16));
break;
case 6:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_17));
break;
case 7:
textView.setBackground(mContext.getResources().getDrawable(R.drawable.bg_18));
break;
}
}

이 코드 는 각 열 을 판단 하고 view 를 변경 하 는 배경 입 니 다.배경 코드 는 다음 과 같 습 니 다.

<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<solid android:color="#75B7A0" />
<corners android:radius="3dip" />
</shape>

다른 유사 성,그리고 item 의 레이아웃 파일:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#F4FFF5EE">
<TextView
android:id="@+id/text"
android:layout_width="match_parent"
android:layout_height="80dp"
android:layout_marginLeft="3dp"
android:layout_marginRight="3dp"
android:layout_marginTop="4dp"
android:layout_marginBottom="4dp"
android:padding="2dp"
android:textSize="12dp"
android:gravity="center"/>
</RelativeLayout>

이것 이 바로 교과 과정 표 의 구 조 를 모방 한 것 입 니 다.마지막 으로 소스 Git 주 소 를 동봉 합 니 다주문 하 다
이상 에서 말 한 것 은 소 편 이 여러분 에 게 소개 한 안 드 로 이 드 개발 모방 과정 표 의 구조 사례 에 대한 상세 한 설명 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 면 저 에 게 메 시 지 를 남 겨 주세요.소 편 은 제때에 여러분 에 게 답 할 것 입 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!