android+仿点餐页面,android 仿微信主界面UI(不含代码逻辑)

「爱情、让人受尽委屈。」 2022-10-05 04:45 194阅读 0赞

【实例简介】微信主界面   viewpager  fragment

【实例截图】

![cb5468e6f6eb6aa5b1460869acfa7da4.png][]

【核心代码】

package com.tabhostfragment;

import java.util.ArrayList;

import java.util.List;

import com.tabhostfragment.adapter.MainPagerAdapter;

import com.tabhostfragment.dao.Initialization;

import com.tabhostfragment.fragment.FourFragment;

import com.tabhostfragment.fragment.OneFragment;

import com.tabhostfragment.fragment.ThreeFragment;

import com.tabhostfragment.fragment.TwoFragment;

import com.tabhostfragment.view.DummyTabContent;

import android.content.Context;

import android.graphics.Color;

import android.os.Bundle;

import android.os.Handler;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentActivity;

import android.support.v4.view.ViewPager;

import android.view.LayoutInflater;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.Window;

import android.widget.Button;

import android.widget.ImageButton;

import android.widget.ImageView;

import android.widget.TabHost;

import android.widget.TabHost.TabContentFactory;

import android.widget.TabHost.TabSpec;

import android.widget.TabWidget;

import android.widget.TextView;

import android.widget.Toast;

public class MainActivity extends FragmentActivity implements Initialization,

TabHost.OnTabChangeListener, ViewPager.OnPageChangeListener,

OnClickListener \{

private static final String TAG = MainActivity.class.getSimpleName();

private TabHost mTabHost;

private TabHost.TabSpec mTabSpec1;

private TabHost.TabSpec mTabSpec2;

private TabHost.TabSpec mTabSpec3;

private TabHost.TabSpec mTabSpec4;

private View mView1;

private View mView2;

private View mView3;

private View mView4;

private TextView mTv1, mTv2, mTv3, mTv4;

private ImageView mIMG1, mIMG2, mIMG3, mIMG4;

private ImageButton imgBtnAdd, imgBtnSearch;

private Context mContext;

private ViewPager mViewPager;

private MainPagerAdapter mMainPagerAdapter;

private Fragment mFragment1, mFragment2, mFragment3, mFragment4;

private String mCurrentTab = "1";

@Override

protected void onCreate(Bundle savedInstanceState) \{

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE\_CUSTOM\_TITLE);

setContentView(R.layout.activity\_main);

getWindow().setFeatureInt(Window.FEATURE\_CUSTOM\_TITLE,

R.layout.titlebar\_main);

init();

initView();

addListener();

@Override

public void init() \{

mContext = this;

setTabAndFragment();

@Override

public void initView() \{

mViewPager = (ViewPager) findViewById(R.id.viewpager);

imgBtnAdd = (ImageButton) findViewById(R.id.imgbtn\_titlebar\_main\_add);

imgBtnSearch = (ImageButton) findViewById(R.id.imgbtn\_titlebar\_main\_search);

mMainPagerAdapter = new MainPagerAdapter(getSupportFragmentManager(),

getFragments());

mViewPager.setAdapter(mMainPagerAdapter);

@Override

public void addListener() \{

mViewPager.setOnPageChangeListener(this);

mTabHost.setOnTabChangedListener(this);

imgBtnAdd.setOnClickListener(this);

imgBtnSearch.setOnClickListener(this);

private void setTabAndFragment() \{

LayoutInflater inflater = getLayoutInflater();

mTabHost = (TabHost) findViewById(R.id.tabhost);

mTabHost.setup();

TabWidget tabWidget = mTabHost.getTabWidget();

tabWidget.setDividerDrawable(null);

mView1 = inflater.inflate(R.layout.tab\_btn, null);

mTv1 = (TextView) mView1.findViewById(R.id.tab\_text);

mTv1.setText("微信");

mIMG1 = (ImageView) mView1.findViewById(R.id.tab\_image);

mTabSpec1 = mTabHost.newTabSpec("tab1");

mTabSpec1.setIndicator(mView1);

mTabSpec1.setContent(new DummyTabContent(getBaseContext()));

mTabHost.addTab(mTabSpec1);

mView2 = inflater.inflate(R.layout.tab\_btn, null);

mTv2 = (TextView) mView2.findViewById(R.id.tab\_text);

mIMG2 = (ImageView) mView2.findViewById(R.id.tab\_image);

mTv2.setText("通讯录");

mTabSpec2 = mTabHost.newTabSpec("tab2");

mTabSpec2.setIndicator(mView2);

mTabSpec2.setContent(new DummyTabContent(getBaseContext()));

mTabHost.addTab(mTabSpec2);

mView3 = inflater.inflate(R.layout.tab\_btn, null);

mTv3 = (TextView) mView3.findViewById(R.id.tab\_text);

mIMG3 = (ImageView) mView3.findViewById(R.id.tab\_image);

mTv3.setText("发现");

mTabSpec3 = mTabHost.newTabSpec("tab3");

mTabSpec3.setIndicator(mView3);

mTabSpec3.setContent(new DummyTabContent(getBaseContext()));

mTabHost.addTab(mTabSpec3);

mView4 = inflater.inflate(R.layout.tab\_btn, null);

mTv4 = (TextView) mView4.findViewById(R.id.tab\_text);

mIMG4 = (ImageView) mView4.findViewById(R.id.tab\_image);

mTv4.setText("我");

TabSpec mTabSpec4 = mTabHost.newTabSpec("tab4");

mTabSpec4.setIndicator(mView4);

mTabSpec4.setContent(new DummyTabContent(getBaseContext()));

mTabHost.addTab(mTabSpec4);

setTextColorByPos(0);

private List getFragments() \{

List fList = new ArrayList();

mFragment1 = new OneFragment();

mFragment2 = new TwoFragment();

mFragment3 = new ThreeFragment();

mFragment4 = new FourFragment();

fList.add(mFragment1);

fList.add(mFragment2);

fList.add(mFragment3);

fList.add(mFragment4);

return fList;

/\*\*

\* 根据不同的选中位置改变字体颜色

\* @param pos

\* - 被选中的tab的位置

\* \*/

private void setTextColorByPos(int pos) \{

mTv1.setTextColor(Color.GRAY);

mTv2.setTextColor(Color.GRAY);

mTv3.setTextColor(Color.GRAY);

mTv4.setTextColor(Color.GRAY);

mIMG1.setImageResource(R.drawable.ahk);

mIMG2.setImageResource(R.drawable.ahi);

mIMG3.setImageResource(R.drawable.ahm);

mIMG4.setImageResource(R.drawable.aho);

switch (pos) \{

case 0:

mTv1.setTextColor(getResources().getColor(R.color.blue));

mIMG1.setImageResource(R.drawable.ahj);

break;

case 1:

mTv2.setTextColor(getResources().getColor(R.color.blue));

mIMG2.setImageResource(R.drawable.ahh);

break;

case 2:

mTv3.setTextColor(getResources().getColor(R.color.blue));

mIMG3.setImageResource(R.drawable.ahl);

break;

case 3:

mTv4.setTextColor(getResources().getColor(R.color.blue));

mIMG4.setImageResource(R.drawable.ahn);

break;

@Override

public void onTabChanged(String tabId) \{

int pos = mTabHost.getCurrentTab();

mViewPager.setCurrentItem(pos, false);

mCurrentTab = tabId;

@Override

public void onPageScrollStateChanged(int state) \{

@Override

public void onPageScrolled(int position, float positionOffset,

int positionOffsetPixels) \{

int pos = mViewPager.getCurrentItem();

setTextColorByPos(pos);

@Override

public void onPageSelected(int position) \{

@Override

public void onClick(View v) \{

switch (v.getId()) \{

case R.id.imgbtn\_titlebar\_main\_add:

Toast.makeText(this, "add be clicked .. ", Toast.LENGTH\_SHORT).show();

break;

case R.id.imgbtn\_titlebar\_main\_search:

Toast.makeText(this, "search be clicked .. ", Toast.LENGTH\_SHORT).show();

break;

[cb5468e6f6eb6aa5b1460869acfa7da4.png]: /images/20221005/256134f46cfd450e86fcc2226876b86d.png

android+仿点餐页面,android 仿微信主界面UI(不含代码逻辑)

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 (二)Android高仿打造精品微信UI界面实战

相关 Android开源之仿微信UI

相关 java仿微信登录界面_android 界面设计潮流：仿微信5.2界面源码

相关 android 高仿点餐,仿饿了吗点餐界面ListView联动的实现

相关 Android~仿微信（Fragment+ViewPager）

相关 android+仿点餐页面,android 仿微信主界面UI(不含代码逻辑)

相关 Android ActionBar应用实战，高仿微信主界面的设计

相关 Android仿微信界面

相关 Android仿微信红包

相关 Android 仿微信， QQ 裁剪