本篇文章給大家分享的是有關(guān)怎么在Android中實現(xiàn)一個微信公眾號界面，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供吉木薩爾網(wǎng)站建設(shè)、吉木薩爾做網(wǎng)站、吉木薩爾網(wǎng)站設(shè)計、吉木薩爾網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、吉木薩爾企業(yè)網(wǎng)站模板建站服務(wù)，10余年吉木薩爾做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
1. 界面布局
主界面布局四部分，由上到下依次是：標題欄，消息列表，底部菜彈出的子菜單，底部菜單或輸入欄。
主界面基本框架main.xml代碼如下：
標題欄title_bar.xml布局如下：
完成title_bar布局后，再在values\styles.xml添加自定義標題欄主題
#32394A
45dp
@style/CustomWindowTitleBackground
消息列表的服務(wù)端消息item布局item_left.xml
消息列表的用戶消息item布局item_right.xml
彈出的子菜單布局child_menu.xml如下：
由底部菜單切換到輸入框，輸入框bottom_menu_layout2.xml布局如下：
2. 代碼實現(xiàn)
MainActivity.java
package com.example.wxdemo;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnFocusChangeListener;
import android.view.ViewGroup;
import android.view.Window;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.TextView;
public class MainActivity extends Activity implements View.OnClickListener {
private LinearLayout bottomLayout;// 底部菜單父框架
private LinearLayout bottomMenuLayout1;// 底部菜單布局
private LinearLayout bottomMenuLayout2;// 底部輸入框布局
private RelativeLayout btn1;// “用戶綁定”按鈕布局
private RelativeLayout btn2;// “掃描簽到”按鈕布局
private RelativeLayout btn3;// “更多”按鈕布局
private LinearLayout popLayout1;
private LinearLayout popLayout2;
private LinearLayout popLayout3;// 彈出的子菜單父框架布局
private LinearLayout childLayout;// “更多”按鈕的子菜單
private ListView lv;
private MyAdapter adapter;
private List> listData = new ArrayList>();
private ImageView keyboard;// 底部鍵盤切換圖標
private ImageView menu;// 底部菜單切換圖標
private Button send;// 發(fā)送按鈕
private EditText inputText;// 輸入框
private boolean open = true;// 子菜單填充狀態(tài)標記
private boolean flag = false;// 子菜單顯示狀態(tài)標記
private boolean bind = false;// 用戶綁定狀態(tài)標記
private Animation animEnter;// 底部菜單進入動畫
private Animation animExit;// 底部菜單退出動畫
private View view;
private View view2;
private LayoutInflater inflater;
private int myID = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
setContentView(R.layout.main);
getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE,
R.layout.title_bar);// 自定義標題欄
inflater = MainActivity.this.getLayoutInflater();
popLayout1 = (LinearLayout) findViewById(R.id.pop_layout1);
popLayout2 = (LinearLayout) findViewById(R.id.pop_layout2);
popLayout3 = (LinearLayout) findViewById(R.id.pop_layout3);
bottomLayout = (LinearLayout) findViewById(R.id.bottom_layout);
bottomMenuLayout1 = (LinearLayout) findViewById(R.id.bottom_menu_layout1);
keyboard = (ImageView) findViewById(R.id.keyboard);
btn1 = (RelativeLayout) findViewById(R.id.btn1);
btn2 = (RelativeLayout) findViewById(R.id.btn2);
btn3 = (RelativeLayout) findViewById(R.id.btn3);
lv = (ListView) findViewById(R.id.lv);
btn1.setOnClickListener(this);
btn2.setOnClickListener(this);
btn3.setOnClickListener(this);
keyboard.setOnClickListener(this);
adapter = new MyAdapter(this, listData);
lv.setAdapter(adapter);
}
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
int id = v.getId();
switch (id) {
case R.id.btn1:
btn1Click();
break;
case R.id.btn2:
break;
case R.id.btn3:
btn3Click();
break;
case R.id.keyboard:
keyboardClick();
break;
case R.id.menu:
menuClick();
break;
case R.id.add:
sendClick();
break;
default:
break;
}
}
public void btn1Click() {// 用戶綁定
Map map = new HashMap();
map.put("type", "0");
if (!bind) {
map.put("text", "請輸入您的手機號或簡歷ID進行帳號綁定，綁定成功后才能進行簽到。");
} else {
map.put("text", "帳號已綁定成功，請您準時簽到。");
}
listData.add(map);
adapter.notifyDataSetChanged();
}
public void btn2Click() {// 掃描簽到
// TODO
}
public void btn3Click() {// 更多
if (open == true) {
view = inflater.inflate(R.layout.child_menu, popLayout3, true);
childLayout = (LinearLayout) view.findViewById(R.id.child_layout);
open = false;
}
if (flag == false) {
flag = true;
childLayout.setVisibility(View.VISIBLE);
} else {
flag = false;
childLayout.setVisibility(View.GONE);
}
}
public void keyboardClick() {//點擊鍵盤按鈕，由底部菜單切換為底部輸入
view2 = inflater.inflate(R.layout.bottom_menu_layout2, bottomLayout,
true);
bottomMenuLayout2 = (LinearLayout) view2
.findViewById(R.id.bottom_menu_layout2);
animEnter = AnimationUtils.loadAnimation(MainActivity.this,
R.anim.my_pop_enter_anim);
animExit = AnimationUtils.loadAnimation(MainActivity.this,
R.anim.my_pop_exit_anim);
animEnter.setStartOffset(200);
bottomMenuLayout1.startAnimation(animExit);
bottomMenuLayout1.setVisibility(View.GONE);
bottomMenuLayout2.startAnimation(animEnter);
bottomMenuLayout2.setVisibility(View.VISIBLE);
menu = (ImageView) view2.findViewById(R.id.menu);
inputText = (EditText) view2.findViewById(R.id.input_text);
send = (Button) view2.findViewById(R.id.add);
menu.setOnClickListener(this);
send.setOnClickListener(this);
inputClick();
}
public void menuClick() {//點擊菜單按鈕，由底部輸入框切換為底部菜單
bottomMenuLayout2.startAnimation(animExit);
bottomMenuLayout2.setVisibility(View.GONE);
bottomMenuLayout1.startAnimation(animEnter);
bottomMenuLayout1.setVisibility(View.VISIBLE);
}
public void inputClick() {
inputText.setOnFocusChangeListener(new OnFocusChangeListener() {
@Override
public void onFocusChange(View v, boolean hasFocus) {
// TODO Auto-generated method stub
if (hasFocus) {
send.setBackgroundResource(R.drawable.send_btn_bg);
send.setText("發(fā)送");
} else {
send.setBackgroundResource(R.drawable.add);
send.setText(" ");
}
}
});
}
public void sendClick() {
String text = inputText.getEditableText().toString();
inputText.setText("");
if (text != null && (!text.equals(""))) {
Map map;
map = new HashMap();
map.put("type", "1");// 消息類型，服務(wù)端為0，用戶為1
map.put("text", text);
listData.add(map);
map = new HashMap();
map.put("type", "0");
map.put("text", "帳號已綁定成功，請您準時簽到。");
listData.add(map);
adapter.notifyDataSetChanged();
bind = true;
}
}
private class MyAdapter extends BaseAdapter {
public List> list;
private Context context;
private int type;
private ListView listView;
public MyAdapter(Context context, List> list) {
this.context = context;
this.list = list;
}
@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
ViewHolder viewHolder = null;
Map map = (Map) list.get(position);
if (map.get("type").equals("0")) {// 服務(wù)端
if (convertView == null) {
convertView = inflater.inflate(R.layout.item_left, parent,
false);
viewHolder = new ViewHolder();
viewHolder.mTextView = (TextView) convertView
.findViewById(R.id.server_text);
viewHolder.mImageView = (ImageView) convertView
.findViewById(R.id.server_image);
convertView.setTag(viewHolder);
} else {
viewHolder = (ViewHolder) convertView.getTag();
}
viewHolder.mTextView.setText(map.get("text"));
} else {// 用戶
if (convertView == null) {
convertView = inflater.inflate(R.layout.item_right, parent,
false);
viewHolder = new ViewHolder();
viewHolder.mTextView = (TextView) convertView
.findViewById(R.id.user_text);
viewHolder.mImageView = (ImageView) convertView
.findViewById(R.id.user_image);
convertView.setTag(viewHolder);
} else {
viewHolder = (ViewHolder) convertView.getTag();
}
viewHolder.mTextView.setText(map.get("text"));
}
return convertView;
}
}
private final class ViewHolder {
TextView mTextView;
ImageView mImageView;
}
}以上就是怎么在Android中實現(xiàn)一個微信公眾號界面，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
當(dāng)前名稱：怎么在Android中實現(xiàn)一個微信公眾號界面
轉(zhuǎn)載注明：
http://weahome.cn/article/gcgcgs.html
重慶分公司
重慶分公司
