前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android开发工程师文集-Fragment,适配器,轮播图,ScrollView,Gallery 图片浏览器,Android常用布局样式

Android开发工程师文集-Fragment,适配器,轮播图,ScrollView,Gallery 图片浏览器,Android常用布局样式

作者头像
达达前端
发布2019-07-03 12:19:22
1.6K0
发布2019-07-03 12:19:22
举报
文章被收录于专栏:达达前端

Android开发工程师文集-Fragment,适配器,轮播图,ScrollView,Gallery 图片浏览器,Android常用布局样式

Fragment

代码语言:javascript
复制
FragmentManager fragmentManager = getFragmentManager();
FragmentTransaction beginTransaction = fragmentManager.beginTransaction();

事务

add(),remove(),replace(),commit()

代码语言:javascript
复制
MyFragment2 fragment2=new MyFragment2();
FragmentManager fragmentManager = getFragmentManager();
FragmentTransaction beginTransaction = fragmentManager.beginTransaction();
beginTransaction.add(R.id.frame,fragement2);
beginTransaction.commit();

fragment的生命周期

Created

代码语言:javascript
复制
onAttach()->onCreate()->onCreateView()->onActivityCreated()

Started

代码语言:javascript
复制
onStart()

Resumed

代码语言:javascript
复制
onResume()

Paused

代码语言:javascript
复制
onPause()

Stopped

代码语言:javascript
复制
onStop()

Destroyed

代码语言:javascript
复制
onDestroyView()->onDestroy()->onDetach()
代码语言:javascript
复制
//当Fragment被添加到Activity的时候回调这个方法,并且只调用一次
@Override
public void onAttach(Activity activity){
    super.onAttach(activity);
}
代码语言:javascript
复制
//创建Fragment时会回调,只调用一次
@Override
public void onCreate(Bundle savedInstanceState){
    super.onCreate(savedInstanceState);
}
代码语言:javascript
复制
//每次创建回调
@Override
public View onCreateView(## ##){

}
代码语言:javascript
复制
//当Fragment所在的Activity启动完成后调用
@Override
public void onActivityCreated(Bundle savedInstanceState){
    super.onActivityCreated(savedInstanceState);
}
代码语言:javascript
复制
//启动onStart()
@Override
public void onStart(){
    super.onStart();
}
代码语言:javascript
复制
//onResume
@Override
public void onResume(){
    super.onResume();
}
代码语言:javascript
复制
//onPause 暂停
@Override
public void onPause(){
    super.onPause();
}
代码语言:javascript
复制
//onStop 停止
@Override
public void onStop(){
    super.onStop();
}

//last

代码语言:javascript
复制
//onDestroyView
@Override
public void onDestroyView(){
    super.onDestroyView();
}

//销毁

代码语言:javascript
复制
//onDestroy
@Override
public void onDestroy(){
    super.onDestroy();
}

重点 删除Fragment //onDetach

代码语言:javascript
复制
@Override
public void onDetach(){
    super.onDetach();
}

启动Fragment

onAttach()->onCreate()->onCreateView()->onActivityCreated()->onStart()->onResume()

暂停Fragment - //暂停和停止的方法

onPause()->onStop()

重新看到Fragment

onStart()->onResume()

Fragment1 -> Fragment2

代码语言:javascript
复制
Fragment1: onPause()->onStop()->onDestroyView->onDestroy()->onDetach()
Fragment2: onAttach()->onCreate()->onCreateView()->onActivityCreated()->onStart()->onResume()

Fragment2回到主界面时

onPause()->onStop()

又重新看见

代码语言:javascript
复制
//Fragment2回到界面 
onStart()->onResume()

Fragment2 退出

代码语言:javascript
复制
onPause()->onStop()->onDestroyView()->onDestroy()->onDetach()

Fragment与Activity

  1. Fragment是通过调用getActivity()的方法获取Activity的;
  2. Activity是通过调用FragmentManager的findFramentById()的,也可以用findFragmentByTag()方法获取Fragment片段的。

重点

代码语言:javascript
复制
public class MyFragment extends Fragment{
    @Override
    public View onCreateView(LayoutInflater inflater,ViewGrop container,Bundle savedInstanceState){
        return super.onCreateView(inflater,container,savedInstanceState);

        //View view = inflater.inflate(R.layout.fragment, container, false);
        //TextView tv = view.findViewById(R.id.textview);
        //return view;
    }
}

一个Activity调用Fragment的界面显示数据内容

代码语言:javascript
复制
String text = editext.getText().toString();
MyFragment fragment = new MyFragment();
Bundle bundle = new Bundle();
bundle.putString("name",text);
fragment.setArguments(bundle);
FragmentManager fragmentManager = getFragmentManager();
FragmentTransaction beginTransaction = fragmentManager.beginTransaction();

//beginTransaction.add(containerViewId,fragment,tag)
beginTransaction.add(R.id.layout.textview,fragment,"fragment");
beginTransaction.commit();

在Fragement中设置

代码语言:javascript
复制
public class MyFragment extends Fragment{
    @0verride
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){
        View view = inflater.infate(R.layout.fragement,container,false);
        TextView tv=view.findViewById(R.id.textview);
        String text = getArguments().get("name")+"";
        tv.setText(text);
    }
}

Fragment

代码语言:javascript
复制
private String name = "v";
public interface Myvoid
{
    public void name(String name);
}

Activity

代码语言:javascript
复制
implements Myvoid

fragment

代码语言:javascript
复制
@Override
public void onAttach(Activity activity){
    myvoid = activity;
    super.onAttach(activity);
}

回到Activity

代码语言:javascript
复制
覆盖方法

另类

xml

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white"
    android:orientation="vertical">
    
</LinearLayout>

Fragment

代码语言:javascript
复制
public class MyinfoFragment extends Fragment implements View.OnClickListener{

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_myinfo, null);
    }

    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
    }

    @Override
    public void onClick(View v) {

    }
}

MainActivity

代码语言:javascript
复制
public class MainActivity extends FragmentActivity implements View.OnClickListener{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
        setMain();
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
       
    }

    private void setMain() {
        
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        
    }

    private void setSelectStatus(int index) {
        switch (index){
            
        }
    }
    private void initView() {
        
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            
        }
    }
}

继续

代码语言:javascript
复制
FragmentManager fragmentManager = getFragmentManager();
Fragment findFragmentById = fragmentManager.findFragmentById(R.id.fragment);

ViewPager左右滑动

代码语言:javascript
复制
<android.support.v4.view.ViewPager 
 android:id="@+id/viewpager"
 android:...
 android:...>
</android.support.v4.view.ViewPager>

ViewPager是一种容器,可以盛装两种类型的对象:一种是View对象; 也可以放置Fragment。

代码语言:javascript
复制
getLayoutInflater().form(this);
getLayoutInflater().form(this).inflate(resource,root);

配置Adapter:

准备数据源 -> 准备适配器 ->加载适配器

List<View> PagerAdapter

ViewPager的声明:<android.support.v4.view.ViewPager> 是为了解决版本兼容性问题

过程

我们创建好布局文件,然后在MainActivity中添加,进行实例

准备数据源

代码语言:javascript
复制
private List<View> viewList;
代码语言:javascript
复制
viewList = new ArrayList<View>();

显示

代码语言:javascript
复制
View view = View.inflate(this, R.layout.view, null);

添加

代码语言:javascript
复制
viewList.add(view);

准备适配器

代码语言:javascript
复制
@Override
public Object instantiateItem(ViewGroup container, int position){

}

搭建构造方法

代码语言:javascript
复制
public MyPagerAdapter(List<View> viewList){
    this.viewList=viewList;
}
代码语言:javascript
复制
container.addview();
return viewList.get(position);
代码语言:javascript
复制
container.removeView(viweList.get(position));

Adapter

创建Adapter

代码语言:javascript
复制
PagerAdapter pagerAdapter = new PagerAdapter(viewList);

setAdapter(pagerAdapter);

对象

PagerTabStrip和PagerTitleStrip

代码语言:javascript
复制
一个View显示ViewPager,然后在ViewPager中添加PagerTabStrip
<android.support.v4.view.ViewPager 
 ...
 <android.support.v4.view.PagerTabStrip 
  ...>
 </android.support.v4.view.PagerTabStrip>
</android.support.v4.view.ViewPager>

然后加入标题,private List<String> titleList;

同理,ViewPager添加题目

代码语言:javascript
复制
titleList = new ArrayList<String>();
titleList.add("第一题");
titleList.add("第二题");
titleList.add("第三题");
titleList.add("第五题");

在加入PagerAdapter中,创建Adapter下创建,MyPagerAdapter.java

MyPagerAdapter.java

代码语言:javascript
复制
public class MyPagerAdapter extends PagerAdapter{
    private List<View> viewList;
    private List<String> titleList;
    public MyPagerAdapter(List<View> viewList, List<String> titleList){
        this.viewList=viewList;
        this.titleList=titleList;
    }
}

加入题目数量第几题 显示标题 getPageTitle(),显示所对应的标题

代码语言:javascript
复制
@Override
public CharSequence getPageTitle(int position){
    //return super.getPageTitle(position);
    return titleList.get(position);
}

PagerTabStrip的属性 背景

setBackgroundColor(Color.RED); 文本 setTextColor(); 下划线 setDrawFullUnderline(false); 分割线 setTabIndicatorColor();

PagerTitleStrip 与 PagerTabStrip 类似

适配器

FragmentPagerAdapter

代码语言:javascript
复制
import android.os.Bundle;
import android.support.v4.app.Fragment;

public class ExercisesFragment extends Fragment {

    private ListView lvList;//来源fragment
    private ListItemAdapter adapter; //适配器
    private List<> ebl; //列表集合

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment, null);
    }
    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        initData();
        lvList = view.findViewById(R.id.lv_list);
        adapter = new ListItemAdapter(getActivity());
        adapter.setData(ebl);
        lvList.setAdapter(adapter);
    }

    private void initData(){
        ebl = new ArrayList<Bean>();
        for (int i=0;i<10;i++){
            Bean bean = new Bean();
            bean.id=(i+1);
            switch (i){
                case 0:
                    
                case 9:
                    
                default:
                    break;
            }
        }
    }
}

设置MyFragment继承Fragment

代码语言:javascript
复制
public class MyFragment extends Fragment{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){
        return inflater.infate(R.layout.view, container, false);
        //return inflater.infate(R.layout.view, null);
    }
}

点击跳转Fragment

代码语言:javascript
复制
public void onClick(View v) {
        switch (v.getId()){
            case R.id.bottom1:
                //getSupportFragmentManager().beginTransaction().add(R.id.main_body,new CFragment()).commit();
               
                break;
            case R.id.bottom2:
                //getSupportFragmentManager().beginTransaction().add(R.id.main_body,new EFragment()).commit();
                
                break;
            case R.id.bottom3:
                //getSupportFragmentManager().beginTransaction().add(R.id.main_body,new MFragment()).commit();
                
                break;
        }
    }

实例

代码语言:javascript
复制
private List<Fragment> fragmentList;

Fragment作为数据源

代码语言:javascript
复制
添加Fragment
fragmentList = new ArrayList<Fragment>();
fragmentList.add(new Fragment());
添加创建的Fragment
//fragmentList.add(new Fragment%());

导入的包

代码语言:javascript
复制
import android.support.v4.app.Fragment;

配置数据适配器

如果用FragmentPagerAdapter,一次性加载 同理

代码语言:javascript
复制
public class MyFragment extends FragmentPagerAdapter{
    private List<Fragment> fragmentList;
    private List<String> titleList;
    public MyFragment(FragmentManager fm,List<Fragment> fragmentList,List<String> titleList){
        super(fm)
        this.fragmentList=fragmentList;
        this.titleList=titleList;
    }
}

MainActivity.java

代码语言:javascript
复制
public class MainActivity extends FragmentActivity implements View.OnClickListener{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    private void setMain() {
       
    }

    private void setSelectStatus(int index) {
        switch (index){
           
        }
    }
    private void initView() {
        
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            
                //getSupportFragmentManager().beginTransaction().add(R.id.main_body,new CourseFragment()).commit();
            
                //getSupportFragmentManager().beginTransaction().add(R.id.main_body,new ExercisesFragment()).commit();
            
                //getSupportFragmentManager().beginTransaction().add(R.id.main_body,new MyinfoFragment()).commit();
        }
    }
}
代码语言:javascript
复制
FragmentPagerAdapter adapter=new FragmentPagerAdapter(getSupportFragmentManager());

轮播图

ViewFlipper

自动播放

静态的方法导入:

代码语言:javascript
复制
<ViewFlipper
 android:id="@+id/flipper"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginTop="10dp"
 android:flipInterval="4000">
 <ImageView
 android:scaleType="matrix"
 android:id="@+id/ex2"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"/>
 <ImageView
 android:scaleType="matrix"
 android:id="@+id/ex3"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"/>
 <ImageView
 android:scaleType="matrix"
 android:id="@+id/ex4"
 android:android:layout_width="match_parent"
 android:layout_height="wrap_content"/>
</ViewFlipper>

动态导入:

flipper = findViewById(R.id.flipper); flipper.addView(getImageView(R.drawable.picture));

自己定义动态效果,一般用anim的文件夹表示:

然后创建布局界面: 创建轮播图

代码语言:javascript
复制
<ViewFlipper 
 android:id="@+id/flipper"
 android:layout_width="match_parent"
 android:layout_height="match_parent">
</ViewFlipper>

MainActivity.java

代码语言:javascript
复制
public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}

声明变量

代码语言:javascript
复制
private ViewFlipper flipper;

进行初始化

代码语言:javascript
复制
flipper = findViewById(R.id.flipper);

动态导入:addView(getImageView(R.drawable.picture));

轮播图有多张图片,创建数组,分别导入

获取图片

代码语言:javascript
复制
private ImageView getImageView(int imageId){
    ImageView image = new ImageView(this);
    image.setImageResource(imageId);
    return image;
}
代码语言:javascript
复制
for(int i=0; i<imageId.length;i++){
    flipper.addView(getImageView( 数组[i] ));
}

手势滑动的方法

代码语言:javascript
复制
@Override
public boolean onTouchEvent(MotionEvent event){
    return super.onTouchEvent(event);
}

自动播放效果:

代码语言:javascript
复制
flipper.setFlipInterval(3000);
flipper.startFlipping();

ScrollView

HorizontalScrollView,ScrollView

滚动视图

不能滚动,因为布局不是ScrollVeiw,而是<TextView>

代码语言:javascript
复制
tv.setText(getResources().getString(R.string.content));

如果是这样就可以

代码语言:javascript
复制
<ScrollView
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 <TextView
  android:layout_width="match_parent"
  android:layout_height="wrap_content"/>
</ScrollView>

setOnTouchListener的方法

代码语言:javascript
复制
scroll.setOnTouchListener(new OnTouchListener){

}

记得 scrollBy 和 scrollTo 的区别

Gallery 图片浏览器

Gallery像一个走廊,ImageSwitcher像幻灯片

显示图片,就要对图片进行封装,声明数组

代码语言:javascript
复制
布局
<Gallery 
 android:...
 />
 老样子

图片id,private int[] res 定义数组

我们学过的适配器,都是继承BaseAdapter

代码语言:javascript
复制
ArrayAdapter<String> adapter;
SimpleAdapter adapter;

继承BaseAdapter中必须要实现的方法

  1. public int getCount()
  2. public long getItemId(int position)
  3. public Object getItem(int position)
  4. public View gtView(int position, View convertView, ViewGroup parent)

如果自己定义一个适配器,定义后,实现BaseAdapter中的方法, 然后创建构造函数

代码语言:javascript
复制
private int[] images;
public ImageAdapter(int []images)
{
    this.images = images;
}

说明

获取视图

代码语言:javascript
复制
private Context context;
public ImageAdapter(int[] images, Context context){
    this.images = images;
    this.context = context;
}

public View gtView(int position, View convertView, ViewGroup parent)

代码语言:javascript
复制
{
    //ImageView image=new ImageView(this);

    ImageView image = new ImageView(context);
    image.setBackgroundResource(数组[position]);
    //设置图片大小
    image.setLayoutParams(new Gallery.LayoutParams(400,300));
    return image;
}

加载适配器 MainActivity.java

声明适配器: private ImageAdapter adapter;

初始化: adapter = new ImageAdapter(数组的变量名,上下文(this));

代码语言:javascript
复制
gallery.setAdapter(adapter);

无限制浏览

return Interger.MAX_VALUE;

监听器

setOnItemSelectedListener(this);

同样<ImageSwitcher>也要布局

声明 private ImageSwitcher is;

进行初始化 is = findViewById(R.id.is);

监听器:gallery.setOnItemSelectedListener(this);

现实的接口:implements OnItemSelectedListener,ViewFactory

代码语言:javascript
复制
public View makeView(){
    
}

is.setFactory(this);

代码语言:javascript
复制
public View makeView(){
    ImageView image = new ImageView(this);

    return image;
}

SeekBar 拖动进度条

setOnSeekBarChangeListener(this);

代码语言:javascript
复制
<SeekBar 
 style="@android:style/Widget.SeekBar"
 />
代码语言:javascript
复制
<selecter xmlns:android="http...."
 <item 
  android:android:state_pressed="true"
  android:state_window_focused="true"
  andeoid:drawable=""/>

Android常用布局样式

线性布局 LinearLayout

相对布局 RelativeLayout

表格布局 TableLayout

可以使用GridView替代

绝对布局 AbsoluteLayout

帧布局(主要布局叠加) FrameLayout

多用LinearLayout和RelativeLayout

少用AbsoluteLayout

定位:分享 Android&Java 知识点

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.05.24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Fragment
  • 启动Fragment
  • Fragment与Activity
  • 重点
  • 另类
  • 继续
  • ViewPager左右滑动
  • 配置Adapter:
  • 过程
  • 准备适配器
  • Adapter
  • 对象
  • PagerTitleStrip 与 PagerTabStrip 类似
  • 适配器
  • 配置数据适配器
  • 轮播图
  • ViewFlipper
  • ScrollView
  • Gallery 图片浏览器
  • 继承BaseAdapter中必须要实现的方法
    • 说明
    • 监听器
    • SeekBar 拖动进度条
    • Android常用布局样式
    相关产品与服务
    容器服务
    腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档