Android Fragment半完整

最新推荐文章于 2024-04-24 22:00:45 发布
最新推荐文章于 2024-04-24 22:00:45 发布
阅读量210 收藏
点赞数
文章标签： android Fragment

学了一小段时间的Android,主要接触的是UI设计，打交道最多莫过于fragment了吧。在Android3.0引入了fragment的概念后，几乎在所以的Android的应用中都可以看见其身影，已经有很多前辈高人都已经详细介绍过fragmrnt，我这里就不多说什么了。

这里本来是想模仿一下微信的切换效果，怎奈水平不足，这里就献丑贴出半成品的代码，希望有大神能指点一下。废话不多说，上代码。先从简单的开始吧，这里是我一共用了3个fragment，这里就只贴出第一个的fragment的布局，别的两个基本一样,比较简朴。

复制代码 
<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:gravity="center_horizontal|center_vertical"
     xmlns:android="http://schemas.android.com/apk/res/android">
    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This the first fragment"
        />
</LinearLayout>
复制代码

接下来的是使用fragment片段，这里也只贴出第一个的。

复制代码 
package com.example.fragments;

import com.example.viewfragtext.R;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class Fragmentone extends Fragment
{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        return inflater.inflate(R.layout.fragment1, container, false);
    }
}
复制代码

接下来便要开始实现切换的功能，这里是底部切换组件(tabfoot)的布局。

复制代码 
<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout 
    android:layout_width="fill_parent"
    android:layout_height="44dp"
    android:orientation="horizontal"
    android:background="@drawable/tabfootbg"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout 
         android:id="@+id/lay1"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:layout_weight="1"
         style="@style/Linearlayout_Style"
        >
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/fratext1"
            android:text="@string/chat"
            android:textColor="@color/black"
            />
    </LinearLayout>
    <LinearLayout 
         android:id="@+id/lay2"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:layout_weight="1"
         style="@style/Linearlayout_Style">
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/fratext2"
            android:text="@string/find"
            android:textColor="@color/black"/>
    </LinearLayout>
    <LinearLayout 
         android:id="@+id/lay3"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:layout_weight="1"
         style="@style/Linearlayout_Style">
         <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/fratext3"
            android:text="@string/tongxunlu"
            android:textColor="@color/black"/>
     </LinearLayout>
</LinearLayout>
复制代码

这里分别是自定义的style和color的代码。

复制代码 
<style name="Linearlayout_Style">
        <item name="android:orientation">vertical</item>       
        <item name="android:gravity">center</item>
        <item name="android:clickable">true</item>
        <item name="android:onClick">LayoutOnclick</item>
 </style>


<?xml version="1.0" encoding="UTF-8"?>
<resources >
    <color name="lightseagreen">#20b2aa</color><!--亮海蓝色 --> 
    <color name="black">#000000</color><!-- 黑色 -->

</resources>
复制代码

别的设计都完成了，马上对应的是MainActivity的设计，这是其布局

复制代码 
<LinearLayout 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">



    <fragment
        android:name="com.example.fragments.Fragmentone"
        android:id="@+id/fragment1"
        android:layout_height="0dp"
        android:layout_weight="1.0"
        android:layout_width="fill_parent"
        />
     <fragment
        android:name="com.example.fragments.Fragmenttwo"
        android:id="@+id/fragment2"
        android:layout_height="0dp"
        android:layout_weight="1.0"
        android:layout_width="fill_parent"
        />
         <fragment
        android:name="com.example.fragments.Fragmentthree"
        android:id="@+id/fragment3"
        android:layout_height="0dp"
        android:layout_weight="1.0"
        android:layout_width="fill_parent"

        />

    <include layout="@layout/tabfoot"/>

</LinearLayout>
复制代码

最后遍是实现在主活动中实现点击底部切换和滑动的换的功能。这里滑动功能我是采用手势（Gesture）实现的。

复制代码

 

 

复制代码 
  1 package com.example.viewfragtext;
  2 
  3 import android.os.Bundle;
  4 import android.support.v4.app.Fragment;
  5 import android.support.v4.app.FragmentActivity;
  6 import android.view.GestureDetector;
  7 import android.view.GestureDetector.OnGestureListener;
  8 import android.view.Menu;
  9 import android.view.MotionEvent;
 10 import android.view.View;
 11 import android.widget.LinearLayout;
 12 import android.widget.TextView;
 13 
 14 public class MainActivity extends FragmentActivity implements OnGestureListener
 15 {
 16     public static Fragment[] fragments;
 17     public static LinearLayout[] linearLayouts;
 18     public static TextView[] textViews;
 19     /**定义手势检测实例*/
 20     public static GestureDetector detector;
 21     /**做标签，记录当前是哪个fragment*/
 22     public int MARK=0;
 23     /**定义手势两点之间的最小距离*/
 24     final int DISTANT=50; 
 25           
 26     
 27     @Override
 28     protected void onCreate(Bundle savedInstanceState) {
 29         super.onCreate(savedInstanceState);
 30         setContentView(R.layout.activity_main);
 31         //分别实例化和初始化fragement、lineatlayout、textview
 32         setfragment();
 33         setlinearLayouts();
 34         settextview();
 35         //创建手势检测器
 36         detector=new GestureDetector(this);
 37         
 38     }
 39 
 40     @Override
 41     public boolean onCreateOptionsMenu(Menu menu) {
 42         // Inflate the menu; this adds items to the action bar if it is present.
 43         getMenuInflater().inflate(R.menu.main, menu);
 44         return true;
 45     }
 46     /**初始化fragment*/
 47     public void setfragment()
 48     {
 49         fragments=new Fragment[3];
 50         fragments[0]=getSupportFragmentManager().findFragmentById(R.id.fragment1);
 51         fragments[1]=getSupportFragmentManager().findFragmentById(R.id.fragment2);
 52         fragments[2]=getSupportFragmentManager().findFragmentById(R.id.fragment3);
 53         getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2])
 54         .show(fragments[0]).commit();
 55         
 56     }
 57      /**初始化linerlayout*/
 58     public void setlinearLayouts()
 59     {
 60         linearLayouts=new LinearLayout[3];
 61         linearLayouts[0]=(LinearLayout)findViewById(R.id.lay1);
 62         linearLayouts[1]=(LinearLayout)findViewById(R.id.lay2);
 63         linearLayouts[2]=(LinearLayout)findViewById(R.id.lay3);
 64         linearLayouts[0].setBackgroundResource(R.drawable.lay_select_bg);
 65     }
 66      /**初始化textview*/
 67     public void settextview()
 68     {
 69         textViews=new TextView[3];
 70         textViews[0]=(TextView)findViewById(R.id.fratext1);
 71         textViews[1]=(TextView)findViewById(R.id.fratext2);
 72         textViews[2]=(TextView)findViewById(R.id.fratext3);
 73         textViews[0].setTextColor(getResources().getColor(R.color.lightseagreen));
 74     }
 75     /**点击底部linerlayout实现切换fragment的效果*/
 76     public void LayoutOnclick(View v)
 77     {
 78         resetlaybg();//每次点击都重置linearLayouts的背景、textViews字体颜色
 79         switch (v.getId()) {
 80         case R.id.lay1:
 81              getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2])
 82                 .show(fragments[0]).commit();
 83             linearLayouts[0].setBackgroundResource(R.drawable.lay_select_bg);
 84             textViews[0].setTextColor(getResources().getColor(R.color.lightseagreen));
 85             MARK=0;
 86             break;
 87 
 88         case R.id.lay2:
 89             getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2])
 90             .show(fragments[1]).commit();
 91             linearLayouts[1].setBackgroundResource(R.drawable.lay_select_bg);
 92             textViews[1].setTextColor(getResources().getColor(R.color.lightseagreen));
 93             MARK=1;
 94             break;
 95         case R.id.lay3:
 96             getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2])
 97             .show(fragments[2]).commit();
 98             linearLayouts[2].setBackgroundResource(R.drawable.lay_select_bg);
 99             textViews[2].setTextColor(getResources().getColor(R.color.lightseagreen));
100             MARK=2;
101         break;
102         default:
103             break;
104         }
105     }
106     /**重置linearLayouts、textViews*/
107     public void resetlaybg()
108     {
109         for(int i=0;i<3;i++)
110         {
111             linearLayouts[i].setBackgroundResource(R.drawable.tabfootbg);
112             textViews[i].setTextColor(getResources().getColor(R.color.black));
113         }
114     
115     }
116 
117     @Override
118     public boolean onTouchEvent(MotionEvent event) {
119         // TODO Auto-generated method stub
120         //将该Activity上触碰事件交给GestureDetector处理
121         return detector.onTouchEvent(event);
122     }
123     @Override
124     public boolean onDown(MotionEvent arg0) {
125         // TODO Auto-generated method stub
126         return false;
127     }
128 
129     /**滑动切换效果的实现*/
130     @Override
131     public boolean onFling(MotionEvent arg0, MotionEvent arg1, float arg2,
132             float arg3) {
133         // TODO Auto-generated method stub
134         resetlaybg();
135         //当是Fragment0的时候
136         if(MARK==0)
137         {
138             if(arg1.getX()>arg0.getX()+DISTANT)
139             {
140                 getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2])
141                 .show(fragments[1]).commit();     
142                 linearLayouts[1].setBackgroundResource(R.drawable.lay_select_bg);
143                 textViews[1].setTextColor(getResources().getColor(R.color.lightseagreen));
144                 MARK=1;
145             }
146             else
147             {
148                 linearLayouts[0].setBackgroundResource(R.drawable.lay_select_bg);
149                 textViews[0].setTextColor(getResources().getColor(R.color.black));
150             }
151             
152         }
153         //当是Fragment1的时候
154         else if (MARK==1)
155         {
156             if(arg1.getX()>arg0.getX()+DISTANT)
157             {
158                 getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2])
159                 .show(fragments[2]).commit();
160                 linearLayouts[2].setBackgroundResource(R.drawable.lay_select_bg);
161                 textViews[2].setTextColor(getResources().getColor(R.color.lightseagreen));
162                 MARK=2;
163             }
164             else if(arg0.getX()>arg1.getX()+DISTANT)
165             {
166                 getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2])
167                 .show(fragments[0]).commit();
168                 linearLayouts[0].setBackgroundResource(R.drawable.lay_select_bg);
169                 textViews[0].setTextColor(getResources().getColor(R.color.lightseagreen));
170                 MARK=0;
171             }
172             else
173             {
174               linearLayouts[1].setBackgroundResource(R.drawable.lay_select_bg);
175                 textViews[1].setTextColor(getResources().getColor(R.color.black));
176             }
177         }
178         //当是Fragment2的时候
179         else if(MARK==2)
180         {
181             if(arg0.getX()>arg1.getX()+DISTANT)
182             {
183              getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2])
184              .show(fragments[1]).commit();
185              linearLayouts[1].setBackgroundResource(R.drawable.lay_select_bg);
186                 textViews[1].setTextColor(getResources().getColor(R.color.lightseagreen));
187              MARK=1;
188             }
189             else
190             {
191              linearLayouts[2].setBackgroundResource(R.drawable.lay_select_bg);
192                 textViews[2].setTextColor(getResources().getColor(R.color.black));
193             }
194         }
195         return false;
196     }
197 
198     @Override
199     public void onLongPress(MotionEvent arg0) {
200         // TODO Auto-generated method stub
201         
202     }
203 
204     @Override
205     public boolean onScroll(MotionEvent arg0, MotionEvent arg1, float arg2,
206             float arg3) {
207         // TODO Auto-generated method stub
208         return false;
209     }
210 
211     @Override
212     public void onShowPress(MotionEvent arg0) {
213         // TODO Auto-generated method stub
214         
215     }
216 
217     @Override
218     public boolean onSingleTapUp(MotionEvent arg0) {
219         // TODO Auto-generated method stub
220         return false;
221     }
222     
223 }
复制代码

 

复制代码

最后的效果图

 

 

 

 转载请注明出处：http://www.cnblogs.com/zhrxidian/p/3801545.html 

 

 

 

 

 

潜水断桥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android Fragment之间的切换
04-25
本文主要供学习使用，主要讲解点击不同按钮之后，相应Fragment之间的切换。类似的这种实例，在开发中经常用到，网上也有很多比较好的开源Demo，写的很详细。我当时也是用过其中的某些Demo完成过项目的编写。但别人的终究不是自己的，以至于，以后要修改个什么东西，就显得比较吃力。 所以这篇文章是写的比较简单的一个实例，目的就是使用最新的Fragment来实现这种切换效果，希望初学者能够完全理解其中的思路。为以后更复杂的开发打好基础。
android中ViewPager结合Fragment进行无限滑动
01-05
实现ViewPager结合Fragment实现无限循环切换，这里也是在适配器里面进行的，当然使用滑动监听也能够实现 import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import android.view.ViewGroup; import java.util.ArrayList; public class adapter extends FragmentPagerA
Fragment切换的方式介绍和一些问题的解决
zpeien
09-03 6112
Fragment 切换 1. FragmentManager：用来管理Activity中的fragment,app包中使用getFragmentManager() v4包中getSupportFragmentManager 2. FragmentTransaction: 事务,用来添加，移除，替换fragment。 3. FragmentTransaction transaction = fm.benginTransatcion();//开启一个事务 4. transaction.add() :
fragment启动优化
我的专栏
08-24 655
优化加载页面
Android fragment懒加载（界面可见时加载，左右滑动只第一次加载一次数据）
Mydtudysy的博客
03-15 2120
使用前需知 目前有人使用后出现了诸如首次打开显示空白界面，但点击有反应；或来回切换又变空白界面的问题。这些问题我暂时还不知道该怎么解决，后期有时间时会具体去分析下问题该怎么解决。所以你如果要使用该代码，希望考虑一下，我自己的小应用目前是没碰到这些问题。 效果 老规矩，先来看看效果图 没错，我又入坑了，又重新做了个 Gank 客户端，因为之前那个代码写得太烂了，这次有好...
Fragment的切换（包含动画和基本方法）
m0_74837900的博客
09-17 791
在Activity中创建FragmentContainerView容器，一开始可以设置最初放置哪个Fragment注意：要手动去code那里给它取一个名字哦。
android fragment 切换
lujianfeiccie2009的专栏
06-08 453
【代码】android fragment 切换。
Fragment的俩种跳转方式，有理论有范例
m0_73986294的博客
11-12 1377
现在的很多软件都要涉及多个页面的切换，这里就可以使用Fragment来做到，若使用Fragment来实现这个效果就会有一个问题，那就如何做到多个Fragment的切换，这里介绍一下Fragment的俩种切换方式，在Android中，Fragment的切换主要有两种方式：使用replace方法和使用hide/show方法。
Android：多个Fragment切换问题/切换动画设置
兴趣使然的创作者
03-22 7782
Android开发关于Fragment的切换问题
Fragment/生命周期/切换两种方式
m0_56703199的博客
08-31 1651
Fragment使用、生命周期、切换两种方式以及其不同点
Android Fragment使用之实例演示
01-20
Fragment是Android honeycomb 3.0新增的概念，在如何使用Android Fragment中做了关于Fragment的详细介绍。本文则主要是通过实例的方式让大家更直观的了解Fragment的使用方法。  首先贴上实例的运行效果截图：  ...
Android Fragment的用法实例详解
01-20
Fragment是Android 3.0的时候被引入的，主要目的是为了给大屏幕(如平板电脑)添加动态和灵活的UI支持。利用Fragment实现更好的用户体验。 Fragment加载 1.静态加载：添加Fragment到Activity布局中，以xml的形式。 2....
android fragment 百度地图
12-05
网上还没有一个完整的可以运行的关于android fragment 百度地图，本列子 申请key可以直接运行看效果的
Android Fragment学习
01-03
一:Fragment简介 3:MainActivity代码详情 ... import android.os.Bundle...import androidx.fragment.app.Fragment; import androidx.fragment.app.FragmentManager; import androidx.fragment.app.FragmentTransa
Android --- 英文单引号用&apos；替换报错：does not contain a valid string resource
梁同学与Android
04-23 209
Android --- 英文单引号用&apos;替换报错：does not contain a valid string resource
Android 14 transtion 动画流程
u012627628的博客
04-24 942
implements Transitions.TransitionHandler 的对象都会调用到startAnimation。根据上步计算出来的sortedTargets计算要做的动画TransitionInfo。此列表在开始做动画时候会判断里面的key，value是否满足做动画的条件。将符合条件的changeInfo添加到targets 返回。计算所有的到mChanges。
AndroidStudio中虚拟机(AVD)无法启动,出现unable to locate adb错误
最新发布
qq_58156721的博客
04-24 325
手机连上电脑 ——> 打开开发者模式，开启usb调试——>驱动管理类软件(360驱动大师/驱动人生/驱动精灵)检测可安装的驱动——>根据手机安装对应驱动，问题解决。首先通过File-Project Structure-Project SDK检查SDK有没有被选中。1.检查Android SDK Platform-Tools是否安装(个人是通过这个方法解决的)步骤：打开file -> settings ，搜索SDK。之后点击"-",在点击Apply进行安装。3.端口被占用(概率极小)2.可能是驱动的问题。
安卓aab文件生成apk文件
ma15991375491的博客
04-24 351
比如我们在手机上经常下载的的各种APP，其实一个Android应用程序的代码想要在Android设备上运行，必须先进行编译，然后被打包成为一个被Android系统所能识别的文件才可以被运行，而这种能被Android系统识别并运行的文件格式便是“APK”。一个APK文件内包含被编译的代码文件(.dex 文件)，文件资源（resources）， 原生资源文件（assets），证书（certificates），和清单文件（manifest file）严格来说，两者没有什么区别，后者是前者的一种升级版格式文件。
Android Native Hook: 原理、方案对比与具体实现
陆业聪
04-21 925
本文探讨了Android Native Hook技术，包括原理、实现方式（Inline Hook和PLT/GOT Hook）及优化建议，旨在帮助开发者更有效地应用该技术。
android fragment
05-31
Android Fragment 是 Android 中一种 UI 组件，它可以被添加到 Activity 中，用于实现模块化的 UI 界面设计。一个 Activity 可以包含多个 Fragment，Fragment 可以在运行时被动态添加或移除，也可以在不同的 Activity 中重复使用。 Fragment 可以通过继承 Fragment 类来实现，它具有自己的生命周期和回调方法。在 Fragment 中，可以通过 onCreateView() 方法来加载布局文件，通过 onViewCreated() 方法来操作 UI 控件。 Fragment 可以接收来自 Activity 的数据，也可以通过接口回调的方式将数据传递回 Activity。Fragment 还可以通过 FragmentManager 来管理子 Fragment，通过 FragmentTransaction 来进行 Fragment 的添加、删除、替换等操作。 使用 Fragment 可以有效地提高应用程序的灵活性和可维护性，使得应用程序的 UI 界面更加模块化和可重用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值