Android 프로 그래 밍 동적 로드 레이아웃 인 스 턴 스 상세 설명[데모 소스 코드 첨부]

8953 단어 Android배치
이 사례 는 안 드 로 이 드 프로 그래 밍 의 동적 로드 레이아웃 방법 을 설명 한다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
이전 항목 이 필요 하기 때문에 한 페이지 에 서로 다른 버튼 에 따라 레이아웃 페이지 를 불 러 와 야 합 니 다.그 때 는 tabhot 을 사용 하려 고 했 습 니 다.그러나 미 공이 제공 하 는 인터페이스 그림 은 tabhot 을 전혀 사용 하지 못 하기 때문에 동적 로 딩 방법 으로 이 수 요 를 해결 할 수 있 을 것 이 라 고 생각 했다.여기 서 제 가 정 리 를 해 봤 는데 DEMO 라 고 썼어 요.앞으로 시행 착 오 를 덜 걸 었 으 면 좋 겠 어 요.
먼저,우 리 는 먼저 인터페이스의 프레임 그림 을 그 려 서 설명도 가 다음 과 같다.

중간 흰색 부 서 는 선형 레이아웃 파일 입 니 다.저 는 그림 을 그 릴 때 서로 다른 색 으로 하나의 레이아웃 을 표시 하여 보기 편 합 니 다.레이아웃 파일 코드 는 다음 과 같 습 니 다:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="fill_parent"
 android:layout_height="fill_parent">
 <LinearLayout android:orientation="horizontal"
  android:layout_width="wrap_content" android:layout_height="wrap_content">
  <Button android:text="  ListView" android:id="@+id/Button01"
   android:layout_width="wrap_content" android:layout_height="wrap_content">
  </Button>
  <Button android:text="        " android:id="@+id/Button02"
   android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
 </LinearLayout>
 <LinearLayout android:id="@+id/LinearLayout01" android:background="#FFFFFF"
  android:layout_width="fill_parent" android:layout_height="fill_parent"></LinearLayout>
</LinearLayout>

위의 효과 도 를 통 해 알 수 있 듯 이 그 흰색 의 선형 구 조 는 들 어 오 는 레이아웃 파일 을 동적 으로 불 러 오 는 데 사용 된다.자,레이아웃 파일 을 동적 으로 불 러 오 면 하 겠 습 니 다.이 효 과 를 실현 하기 위해 서 는 먼저 필요 한 XML 을  그 려 내 면 절 차 는 다음 과 같다.
ListView 페이지 를 저장 할 새 레이아웃 입 니 다.코드 는 다음 과 같 습 니 다.

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout android:id="@+id/layout"
 android:layout_width="fill_parent" android:layout_height="fill_parent"
 xmlns:android="http://schemas.android.com/apk/res/android">
 <ListView android:id="@+id/ListView01" android:layout_width="wrap_content"
  android:layout_height="wrap_content"></ListView>
</LinearLayout>

ListView 줄 마다 데이터 스타일 을 새로 만 듭 니 다.코드 는 다음 과 같 습 니 다.

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout android:id="@+id/LinearLayout01"
 android:layout_width="fill_parent" android:layout_height="fill_parent"
 xmlns:android="http://schemas.android.com/apk/res/android">
 <TextView android:text="@+id/TextView01" android:id="@+id/TextView01"
  android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
</LinearLayout>

이 페이지 를 동적 으로 불 러 오 는 것 을 구분 하기 위해 다른 페이지 를 만 듭 니 다.코드 는 다음 과 같 습 니 다.

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout android:id="@+id/hellolayout"
 android:layout_width="fill_parent" android:layout_height="fill_parent"
 xmlns:android="http://schemas.android.com/apk/res/android">
 <TextView android:text="HELLO"
  android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
</LinearLayout>

ListView 의 추가 충전 데 이 터 를 실현 합 니 다.여 기 는 ListView 각 줄 의 데 이 터 를 어떻게 채 우 는 지 상세 하 게 소개 하지 않 습 니 다.이해 하지 못 하 는 친구 가 있 으 면 앞의 ListView 관련 글 을 볼 수 있 습 니 다.코드 는 다음 과 같 습 니 다.

package com.terry;
import java.util.ArrayList;
import java.util.HashMap;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
public class listAdapter extends BaseAdapter {
 ArrayList<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();
 private LayoutInflater inflater;
 public listAdapter(Context contex)
 {
  inflater=LayoutInflater.from(contex);
  HashMap<String, Object> map=new HashMap<String, Object>();
  for (int i = 0; i < 10; i++) {
   map.put("name", "  ");
   list.add(map);
  }
 }
 @Override
 public int getCount() {
  // TODO Auto-generated method stub
  return list.size();
 }
 @Override
 public Object getItem(int position) {
  // TODO Auto-generated method stub
  return list.get(position);
 }
 @Override
 public long getItemId(int position) {
  // TODO Auto-generated method stub
  return position;
 }
 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
  // TODO Auto-generated method stub
  final viewHolder myHolder;
  if (convertView==null) {
   myHolder=new viewHolder();
   convertView=inflater.inflate(R.layout.list_view_row, null);
   myHolder.tv=(TextView)convertView.findViewById(R.id.TextView01);
   convertView.setTag(myHolder);
  }
  else
  {
   myHolder=(viewHolder)convertView.getTag();
  }
  myHolder.tv.setText(list.get(position).get("name").toString());
  return convertView;
 }
}

프로젝트 대강 은 다음 과 같다.

자,이제 우리 의 준비 작업 은 이미 완성 되 었 습 니 다.그 다음 에 여러분 에 게 위 에 그 려 진 레이아웃 페이지 를 동적 으로 불 러 오 는 방법 을 가르쳐 드 리 겠 습 니 다.먼저 효과 도 를 보 겠 습 니 다.

첫 번 째 버튼 을 누 르 세 요.

두 번 째 버튼 클릭
동적 로드 코드 는 다음 과 같 습 니 다:

package com.terry;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
public class dynaActivity extends Activity {
 /** Called when the activity is first created. */
 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);
  final LayoutInflater inflater = LayoutInflater.from(this);
  Button btn = (Button) findViewById(R.id.Button01);
  Button btn2 = (Button) findViewById(R.id.Button02);
  final LinearLayout lin = (LinearLayout) findViewById(R.id.LinearLayout01);
  btn.setOnClickListener(new OnClickListener() {
   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    LinearLayout layout = (LinearLayout) inflater.inflate(
      R.layout.listview, null).findViewById(R.id.layout);
    ListView lv=(ListView)layout.getChildAt(0);
    lv.setAdapter(new listAdapter(dynaActivity.this));
    lin.removeAllViews();
    lin.addView(layout);
   }
  });
  btn2.setOnClickListener(new OnClickListener() {
   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    LinearLayout layout = (LinearLayout) inflater.inflate(
      R.layout.hello, null).findViewById(R.id.hellolayout);
     TextView lv=(TextView)layout.getChildAt(0);
     lv.setTextColor(Color.RED);
    lin.removeAllViews();
    lin.addView(layout);
   }
  });
 }
}

위 에 Layout Inflater 를 사용 해서  단 추 를 누 를 때마다 레이아웃 파일 을 읽 고 레이아웃 파일 에 있 는 각 VIEW 를 찾 아 VIEW 를 조작 한 후 setContentView 측 에 넣 을 레이아웃 파일 에 불 러 옵 니 다.동적 으로 파일 을 불 러 올 때마다 removeAllViews 방법 을 사용 하여 불 러 온 View 를 제거 해 야 합 니 다.쉽 죠?물론 동적 로 딩 VIEW 는 여러 가지 방법 이 있 으 니 다양한 쓰기 방법 을 시도 해 보 세 요.다른 소감 을 깨 달 을 수 있 습 니 다.아침 에 안 드 로 이 드 개발 기술 을 습득 하 시 길 바 랍 니 다.
Tip:VIEW 를 기반 으로 하 는 작업 이기 때문에 Animation 의 애니메이션 효과 로 화면 을 더욱 자 연 스 럽 고 감상 성 이 강 합 니 다.
전체 인 스 턴 스 소스 코드 는 여 기 를 클릭 하 십시오본 사이트 다운로드
더 많은 안 드 로 이 드 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.,,,,,,,
본 고 에서 말 한 것 이 여러분 의 안 드 로 이 드 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기