안 드 로 이 드 모방 위 챗 demo―위 챗 메 인 인터페이스 실현

기 존의 글 에서 위 챗 시작 페이지,로그 인 등록 기능 을 실 현 했 는데 이 를 바탕 으로 위 챗 모방 기능 을 계속 보완 했다.
메 인 인터페이스 구현
(1)전체적으로 RelativeLayout 의 상대 적 인 레이아웃 을 사용 합 니 다.
(2)맨 위 에는 toolbar 작업 표시 줄,검색 상자 SearchView,Overflow(4 개의 단일 메뉴 항목 포함)가 있 습 니 다.
(3)중간 에 Fragment 구성 요 소 를 사용 합 니 다(ViewPager 를 사용 하지 않 고 관심 이 있 으 면 직접 추가 할 수 있 습 니 다).
(4)맨 아래 는 수평 LinearLayout 선형 레이아웃 입 니 다.사용자 정의 컨트롤 4 개 포함
在这里插入图片描述
이 편 은 주로 메 인 인터페이스,다른 상단(toolbar,SearchView,Overflow),중간 fragment,후속 글 이 업데이트 되 고 있 습 니 다.
메 인 인터페이스 activity 만 들 기 MainWeixin.java
MainWeixin.java

package com.example.wxchatdemo;
import android.annotation.SuppressLint;
import android.app.AlertDialog;
import android.app.Dialog;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.content.DialogInterface;
import android.content.Intent;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.view.KeyEvent;
import android.view.View;
import android.view.Window;
import android.widget.ImageView;
import android.widget.TextView;

public class MainWeixin extends FragmentActivity implements View.OnClickListener {
    private WeixinFragment firstFragment = null;//         
    private ContactListFragment secondFragment = null;//          
    private FindFragment thirdFragment = null;//         
    private SelfFragment fourthFragment = null;//        
    private View firstLayout = null;//       
    private View secondLayout = null;//        
    private View thirdLayout = null;//       
    private View fourthLayout = null;//      
    /*      */
    private ImageView weixinImg = null;
    private ImageView contactImg = null;
    private ImageView findImg = null;
    private ImageView selfImg = null;
    private TextView weixinText = null;
    private TextView contactText = null;
    private TextView  findText = null;
    private TextView selfText = null;
    private FragmentManager fragmentManager = null;//    Fragment    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);//      title
        super.setContentView(R.layout.main_weixin);
        //        
        initViews();
        fragmentManager = getFragmentManager();//   Fragment    
        //          
        setTabSelection(0);
    }
    /**
     *                    ,              
     */
    @SuppressLint("NewApi")
    public void initViews() {
        fragmentManager = getFragmentManager();
        firstLayout = findViewById(R.id.weixin_layout);
        secondLayout = findViewById(R.id.contacts_layout);
        thirdLayout = findViewById(R.id.find_layout);
        fourthLayout = findViewById(R.id.self_layout);
        weixinImg = (ImageView) findViewById(R.id.weixin_img);
        contactImg = (ImageView) findViewById(R.id.contact_img);
        findImg = (ImageView) findViewById(R.id.find_img);
        selfImg = (ImageView) findViewById(R.id.self_img);
        weixinText = (TextView) findViewById(R.id.weixin_text);
        contactText = (TextView) findViewById(R.id.contact_text);
        findText = (TextView) findViewById(R.id.find_text);
        selfText = (TextView) findViewById(R.id.self_text);
        //      
        firstLayout.setOnClickListener(this);
        secondLayout.setOnClickListener(this);
        thirdLayout.setOnClickListener(this);
        fourthLayout.setOnClickListener(this);
    }
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.weixin_layout:
                setTabSelection(0);//        ,   1 tab
                break;
            case R.id.contacts_layout:
                setTabSelection(1);//         ,   2 tab
                break;
            case R.id.find_layout:
                setTabSelection(2);//        ,   3 tab
                break;
            case R.id.self_layout:
                setTabSelection(3);//       ,   4 tab
                break;
            default:
                break;
        }
    }
    /**
     *      index        tab    tab      。0    ,1     ,2    ,3   
     */
    @SuppressLint("NewApi")
    private void setTabSelection(int index) {
        clearSelection();//                  
        FragmentTransaction transaction = fragmentManager.beginTransaction();//     Fragment  
        hideFragments(transaction);//        Fragment,      Fragment         
        switch (index) {
            case 0:
                //         tab             
                weixinImg.setImageResource(R.drawable.tab_weixin_pressed);//        
                weixinText.setTextColor(Color.parseColor("#0090ff"));//      
                if (firstFragment == null) {
                    /*    activity       */
                    Intent intent = getIntent();
                    String number = intent.getStringExtra("weixin_number");
                    //   FirstFragment  ,            
                    firstFragment = new WeixinFragment(number);
                    transaction.add(R.id.fragment, firstFragment);
                } else {
                    //   FirstFragment   ,         
                    transaction.show(firstFragment);//     
                }
                break;
            //    firstFragment  
            case 1:
                contactImg.setImageResource(R.drawable.tab_address_pressed);
                contactText.setTextColor(Color.parseColor("#0090ff"));
                if (secondFragment == null) {
                    /*    activity       */
                    Intent intent = getIntent();
                    String number = intent.getStringExtra("weixin_number");
                    secondFragment = new ContactListFragment(number);
                    transaction.add(R.id.fragment, secondFragment);
                } else {
                    transaction.show(secondFragment);
                }
                break;
            case 2:
                findImg.setImageResource(R.drawable.tab_find_frd_pressed);
                findText.setTextColor(Color.parseColor("#0090ff"));
                if (thirdFragment == null) {
                    thirdFragment = new FindFragment();
                    transaction.add(R.id.fragment, thirdFragment);
                } else {
                    transaction.show(thirdFragment);
                }
                break;
            case 3:
                selfImg.setImageResource(R.drawable.tab_settings_pressed);
                selfText.setTextColor(Color.parseColor("#0090ff"));
                if (fourthFragment == null) {
                    fourthFragment = new SelfFragment();
                    transaction.add(R.id.fragment, fourthFragment);
                } else {
                    transaction.show(fourthFragment);
                }
                break;
        }
        transaction.commit();
    }
    /**
     *           
     */
    private void clearSelection() {
        weixinImg.setImageResource(R.drawable.tab_weixin_normal);
        weixinText.setTextColor(Color.parseColor("#82858b"));
        contactImg.setImageResource(R.drawable.tab_address_normal);
        contactText.setTextColor(Color.parseColor("#82858b"));
        findImg.setImageResource(R.drawable.tab_find_frd_normal);
        findText.setTextColor(Color.parseColor("#82858b"));
        selfImg.setImageResource(R.drawable.tab_settings_normal);
        selfText.setTextColor(Color.parseColor("#82858b"));
    }
    /**
     *     Fragment            Fragment       
     */
    @SuppressLint("NewApi")
    private void hideFragments(FragmentTransaction transaction) {
        if (firstFragment != null) {
            transaction.hide(firstFragment);
        }
        if (secondFragment != null) {
            transaction.hide(secondFragment);
        }
        if (thirdFragment != null) {
            transaction.hide(thirdFragment);
        }
        if (fourthFragment != null) {
            transaction.hide(fourthFragment);
        }
    }
    //    AlertDialog
    private void exitDialog() {
        Dialog dialog = new AlertDialog.Builder(this)
                .setTitle("    ")
                .setMessage("         ?")
                .setPositiveButton("    ", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface arg0, int arg1) {
                        finish();
                    }
                })
                .setNegativeButton("  ", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface arg0, int arg1) {
                    }
                }).create();
        dialog.show();//     
    }
    /**
     *          
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {//       
            exitDialog();
        }
        return super.onKeyDown(keyCode, event);
    }
}
메 인 인터페이스 activity MainWeixin.java 에 대응 하 는 메 인 레이아웃 파일 main 만 들 기weixin.xml
main_weixin.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <FrameLayout
        android:id="@+id/fragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/white">
    </FrameLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentBottom="true"
        android:background="#f7f7f7"
        android:gravity="center"
        android:orientation="horizontal">
        <LinearLayout
            android:id="@+id/weixin_layout"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_centerVertical="true"
            android:layout_weight="1"
            android:orientation="vertical"
            android:padding="3dp">
            <ImageView
                android:id="@+id/weixin_img"
                android:layout_width="wrap_content"
                android:layout_height="24dp"
                android:layout_gravity="center_horizontal"
                android:src="@drawable/tab_weixin_pressed" />
            <TextView
                android:id="@+id/weixin_text"
                android:layout_width="wrap_content"
                android:layout_height="20dp"
                android:layout_gravity="center_horizontal"
                android:gravity="top"
                android:text="  "
                android:textColor="#82858b"
                android:textSize="13dp" />
        </LinearLayout>
        <LinearLayout
            android:id="@+id/contacts_layout"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_centerVertical="true"
            android:layout_weight="1"
            android:orientation="vertical"
            android:padding="3dp">
            <ImageView
                android:id="@+id/contact_img"
                android:layout_width="wrap_content"
                android:layout_height="24dp"
                android:layout_gravity="center_horizontal"
                android:src="@drawable/tab_address_normal" />
            <TextView
                android:id="@+id/contact_text"
                android:layout_width="wrap_content"
                android:layout_height="20dp"
                android:layout_gravity="center_horizontal"
                android:gravity="top"
                android:text="   "
                android:textColor="#82858b"
                android:textSize="13dp" />
        </LinearLayout>
        <LinearLayout
            android:id="@+id/find_layout"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_centerVertical="true"
            android:layout_weight="1"
            android:orientation="vertical"
            android:padding="3dp">
            <ImageView
                android:id="@+id/find_img"
                android:layout_width="wrap_content"
                android:layout_height="24dp"
                android:layout_gravity="center_horizontal"
                android:src="@drawable/tab_find_frd_normal" />
            <TextView
                android:id="@+id/find_text"
                android:layout_width="wrap_content"
                android:layout_height="20dp"
                android:layout_gravity="center_horizontal"
                android:gravity="top"
                android:text="  "
                android:textColor="#82858b"
                android:textSize="13dp" />
        </LinearLayout>
        <LinearLayout
            android:id="@+id/self_layout"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_centerVertical="true"
            android:layout_weight="1"
            android:orientation="vertical"
            android:padding="3dp">
            <ImageView
                android:id="@+id/self_img"
                android:layout_width="wrap_content"
                android:layout_height="24dp"
                android:layout_gravity="center_horizontal"
                android:src="@drawable/tab_settings_normal" />
            <TextView
                android:id="@+id/self_text"
                android:layout_width="wrap_content"
                android:layout_height="20dp"
                android:layout_gravity="center_horizontal"
                android:gravity="top"
                android:text=" "
                android:textColor="#82858b"
                android:textSize="13dp" />
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>
Fragment.class 4 개 와 Fragment.xml 레이아웃 4 개 를 만 들 고 위 챗,주소록 에 대응 합 니 다.
WeixinFragment.java

package com.example.wxchatdemo;
import android.annotation.SuppressLint;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

@SuppressLint("ValidFragment")
public class WeixinFragment extends Fragment {
    private String number;
    @SuppressLint("ValidFragment")
    WeixinFragment(String number) {
        this.number = number;
    }
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.weixin_fragment, container, false);
        return view;
    }
}
ContactListFragment.java

package com.example.wxchatdemo;
import android.annotation.SuppressLint;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

@SuppressLint("ValidFragment")
public class ContactListFragment extends Fragment {
    private String number;
    @SuppressLint("ValidFragment")
    ContactListFragment(String number) {
        this.number = number;
    }
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.weixin_fragment, container, false);
        return view;
    }
}
FindFragment.java

package com.example.wxchatdemo;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class FindFragment extends Fragment {
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.find_fragment, container, false);
        return view;
    }
}
SelfFragment.java

package com.example.wxchatdemo;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class SelfFragment extends Fragment {
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.self_fragment, container, false);
        return view;
    }
}
네 개의 fragmen 레이아웃 을 만 듭 니 다.코드 가 똑 같 습 니 다.있 으 면 됩 니 다.뒤에 완벽 합 니 다.네 개의 fragment 레이아웃 파일 은'weixin'입 니 다.fragment.xml,contactlist_fragment.xml,find_fragment.xml,self_fragment.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</LinearLayout>
AndroidMainfest.xml 에서 만 든 activity 를 설명 합 니 다.fragment 를 만 드 는 것 은 activity 가 아니 기 때문에 모든 것 을 설명 하지 않 고 메 인 인터페이스의 activity 를 설명 하면 됩 니 다.(fragment 는 activity 에 내장 되 어 있 습 니 다)
在这里插入图片描述
테스트
이전 두 로그 인 activity 가 성공 적 으로 점프 를 요청 한 activity 코드 세그먼트 설명 을 취소 하고 프로젝트 테스트 를 시작 합 니 다.
在这里插入图片描述
在这里插入图片描述
총결산
위 챗 데모 에 관 한 이 글 은 여기까지 입 니 다.저희 의 더 많은 멋 진 내용 에 관심 을 가 져 주 셨 으 면 좋 겠 습 니 다!

좋은 웹페이지 즐겨찾기