关闭

仿微信界面

617人阅读 评论(0) 收藏 举报

java中:


MainActivity:

public class MainActivity extends FragmentActivity implements	TextView.OnClickListener{

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		TextView weixin=(TextView) findViewById(R.id.weixin);
		weixin.setOnClickListener(this);
		
		TextView tongxunlu=(TextView) findViewById(R.id.tongxunlu);
		tongxunlu.setOnClickListener(this);
		
		TextView faxian=(TextView) findViewById(R.id.faxian);
		faxian.setOnClickListener(this);
		
		load(new WeiXinFragment());
	}

	@Override
	public void onClick(View v) {
		
		switch(v.getId()){
		
		case R.id.weixin:
			load(new WeiXinFragment());
			break;
			
		case R.id.tongxunlu:
			load(new TongXunLuFragment());
			break;
			
		case R.id.faxian:
			load(new FaXianFragment());
			break;
			
		default:
			break;
		}
	}
	
	private	void	load(Fragment fragment){
		FragmentManager fm = this.getSupportFragmentManager();
		FragmentTransaction ft = fm.beginTransaction();
		ft.replace(R.id.fragment, fragment);
		ft.commit();
	}
}
weixin:


public class WeiXinFragment extends	Fragment{

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
		View view = inflater.inflate(android.R.layout.simple_list_item_1,null);
		view.setBackgroundColor(Color.RED);
		return view;
	}

	@Override
	public void onViewCreated(View view, Bundle savedInstanceState) {
		TextView text = (TextView) view.findViewById(android.R.id.text1);
		text.setText("微信");
	}

}

faxian:


public class FaXianFragment extends	Fragment{

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
		View view = inflater.inflate(android.R.layout.simple_list_item_1,null);
		view.setBackgroundColor(Color.BLUE);
		return view;
	}

	@Override
	public void onViewCreated(View view, Bundle savedInstanceState) {
		TextView text = (TextView) view.findViewById(android.R.id.text1);
		text.setText("发现");
	}

}

tongxunlu:


public class TongXunLuFragment extends	Fragment{

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
		View view = inflater.inflate(android.R.layout.simple_list_item_1,null);
		view.setBackgroundColor(Color.GREEN);
		return view;
	}

	@Override
	public void onViewCreated(View view, Bundle savedInstanceState) {
		TextView text = (TextView) view.findViewById(android.R.id.text1);
		text.setText("通讯录");
	}
}



布局:

<span style="font-size:18px;"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.fragmenttab.MainActivity" >

    <FrameLayout
        android:id="@+id/fragment"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="8" >
    </FrameLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="2"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/weixin"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="微信" 
            android:gravity="center"
            android:layout_weight="1"/>

        <TextView
            android:id="@+id/tongxunlu"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="通讯录"
            android:gravity="center"
            android:layout_weight="1" />

        <TextView
            android:id="@+id/faxian"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="发现" 
            android:gravity="center"
            android:layout_weight="1"/>
        
    </LinearLayout>
    
</LinearLayout>
</span>


0
0
查看评论

Android仿微信界面--使用Fragment实现(慕课网笔记)

来自:http://www.imooc.com/video/5903 可参考另一篇博客http://blog.csdn.net/hnyzwtf/article/details/50278377 1 效果图 这里我们没有实现滑动切换view的功能 2 具体实现: 2.1 布局文件:top...
  • hnyzwtf
  • hnyzwtf
  • 2015-12-15 10:01
  • 7193

Android仿微信界面--使用viewpager实现(慕课网笔记)

来自慕课网:http://www.imooc.com/video/5901 先来看效果: 具体实现 1 新建顶部布局文件top.xml<?xml version="1.0" encoding="utf-8"?> <LinearLay...
  • hnyzwtf
  • hnyzwtf
  • 2015-12-13 21:22
  • 5772

仿微信6.0界面

/** * 自定义View * 1. attr.xml * 2. 布局文件中使用 * 3. 构造方法中获取自定义属性 * 4. onMeasure * 5. onDraw * 6. xformode的原理 * * onPageScrolled(int positiFon, floa...
  • hard_working1
  • hard_working1
  • 2016-08-06 18:43
  • 616

高仿微信5.2.1主界面架构 包含消息通知

一哥们去新疆前给了我个任务,就是整这东西,哥们回来了,赶紧做了个,哈哈,可惜没给我带切糕。 新版微信的效果,一眼看上去准备用ViewpagerIndicator来实现,但是需要在Indicator的后面添加消息通知(BadgeView),可惜没有办法自定义Indicator,最后还是自己写了个实现。...
  • lmj623565791
  • lmj623565791
  • 2014-05-13 14:41
  • 39789

仿微信主界面布局

package com.example.administrator.qq; import android.os.Bundle; import android.app.Activity; import android.support.v4.view.PagerAdapter; import andr...
  • shi450561200
  • shi450561200
  • 2016-10-03 23:49
  • 535

仿微信支付页面

jQuery微信支付代码 $(function(){ //出现浮动层 $(".ljzf_but").click(function(){ $(".ftc_wzsf").show(); }); //关闭浮动 $(".cl...
  • lml_little
  • lml_little
  • 2016-05-27 10:36
  • 1253

Android仿微信界面

效果图原理介绍1、先绘制一个颜色(例如:粉红) 2、设置Mode=DST_IN 3、绘制我们这个可爱的小机器人 回答我,显示什么,是不是显示交集,交集是什么?交集是我们的小机器人的非透明区域,也就是那张脸,除了两个眼; 好了,那怎么变色呢? 我绘制一个颜色的时候,难道不能设置alpha么自...
  • whuhan2013
  • whuhan2013
  • 2016-05-23 16:57
  • 1868

android 小练习(一) ---仿微信UI主界面

相信大家都用过微信,今天就来试着模仿微信写一个UI界面。 这一篇编写ActionBar和底部导航。
  • Hubert_bing
  • Hubert_bing
  • 2016-04-23 11:49
  • 1412

简单仿微信群聊界面的实现

最终效果图如下所示: 主要是基于socket的发送传输信息,然后把发送的消息放到recycleview上,为了美观用了9-patch的背景图片。鉴于是学校网,中间还用花生壳软件做了个内网映射。 代码开源如下: https://github.com/beiyouwuyanzu/M...
  • w6280190
  • w6280190
  • 2017-07-18 21:03
  • 385

React Native 学习(二)---仿微信我的钱包界面

效果图 里面的图标都是在阿里图标库下载的,挺好用,力推!以下是代码部分:import React, { Component } from 'react'; import { View, Text, Image, PixelRatio, S...
  • wx11408115
  • wx11408115
  • 2017-11-22 12:39
  • 929
    个人资料
    • 访问:281103次
    • 积分:4524
    • 等级:
    • 排名:第7782名
    • 原创:168篇
    • 转载:126篇
    • 译文:0篇
    • 评论:42条
    联系方式
    zhanglihow@gmail.com
    博客专栏
    最新评论