移动开发笔记（七） Fragment 手机和平板兼顾简易新闻应用

最新推荐文章于 2023-10-11 10:59:21 发布

一天发火两次

最新推荐文章于 2023-10-11 10:59:21 发布

阅读量433

点赞数

本文链接：https://blog.csdn.net/q327192368/article/details/106335661

版权

1.1动态添加Fragment

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
		button.setOnClickListener{
	replaceFragment(AnotherFragment())
	}
	replaceFragment(RightFragment())
    }

	private fun replaceFragment( fragment : Fragment){
	val fragmentManager = supportFragmentManager
	val transaction = fragmentManager.beginTransaction()
	transaction.replace(R.id.rightLayout,fragment)
	transaction.commit()

	}

}

1.2Fragment实现返回栈
transaction.addToBackStack(null)

...
	private fun replaceFragment( fragment : Fragment){
	val fragmentManager = supportFragmentManager
	val transaction = fragmentManager.beginTransaction()
	transaction.replace(R.id.rightLayout,fragment)
	transaction.addToBackStack(null)
	transaction.commit()

	}

1.3Fragment生命周期

1.运行状态
2.暂停状态
3.停止状态
4.销毁状态
onAttach():当Fragment和Activity建立关联时调用
onCreateView():为Fragment创建视图（加载布局）时调用
onActivityCreated():确保与Fragment相关联的Activity已经创建完毕时调用
onDestroyView():当与Fragment关联的视图被移除时调用
onDetach():当Fragment和Activity解除关系时调用
在这里插入图片描述
1.4使用限定符区别平板与手机端
在res目录下创建layout-large文件夹,在文件夹内创建同名布局

使用最小宽度限定符
在res目录下创建layout-sw600dp文件夹,在文件夹内创建同名布局
最小宽度限定符允许我们对屏幕的宽度制定一个最小值（以dp为单位），以这个最小值为临界点。

2.实践一个简易版的新闻应用

修改layout目录下activity_main文件

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/newsTitleLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <fragment
        android:id="@+id/newsTitleFrag"
        android:name="com.example.fragmenttest.NewsTitleFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"></fragment>


</FrameLayout>

在layout-sw600dp目录下创建activity_main文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <fragment
        android:id="@+id/newsTitleFrag"
        android:name="com.example.fragmenttest.NewsTitleFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"></fragment>
    <FrameLayout
        android:id="@+id/newsContentLayout"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3"
        >
        <fragment
            android:id="@+id/newsContentFrag"
            android:name="com.example.fragmenttest.NewsContentFragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            ></fragment>
    </FrameLayout>


</LinearLayout>

创建News实体类


class New (val title:String,val content:String){
}

创建news_title_fragment.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/newsTitleRecyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </androidx.recyclerview.widget.RecyclerView>
</LinearLayout>

创建news_title_frag.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/newsTitleRecyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </androidx.recyclerview.widget.RecyclerView>
</LinearLayout>

创建news_item.xml

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/newsTitle"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:maxLines="1"
    android:ellipsize="end"
    android:textSize="18sp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:paddingTop="15dp"
    android:paddingBottom="15dp">

</TextView>

创建NewsFragFragment 并在内部创建内部类NewsAdapter

class NewsTitleFragment :Fragment(){
    private var isTwoPane=false
    inner class NewsAdaapter(val newsList:List<New>):RecyclerView.Adapter<NewsAdaapter.ViewHolder>(){
        inner class ViewHolder(view:View) : RecyclerView.ViewHolder(view){
            val newsTitle : TextView=view.findViewById(R.id.newsTitle)
        }

        override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
            val view =LayoutInflater.from(parent.context).inflate(R.layout.news_item,parent,false)
            val holder = ViewHolder(view)
            holder.itemView.setOnClickListener {
                val news = newsList[holder.adapterPosition]
                if(isTwoPane){
                    //如果是双页模式
                    val fragment=newsContentFrag as NewsContentFragment
                    fragment.refresh(news.title,news.content)
                }else{
                    //如果是单页模式
                    NewsContentActivity.actionStart(parent.context,news.title,news.content)
                }
            }
            return holder
        }

        override fun onBindViewHolder(holder: ViewHolder, position: Int) {
            val news=newsList[position]
            holder.newsTitle.text=news.title
        }

        override fun getItemCount(): Int {
            return newsList.size
        }
    }
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.news_title_frag,container,false)
    }

    override fun onActivityCreated(savedInstanceState: Bundle?) {
        super.onActivityCreated(savedInstanceState)
        isTwoPane = activity?.findViewById<View>(R.id.newsContent) !=null
        val layoutManager=LinearLayoutManager(activity)
        newsTitleRecyclerView.layoutManager=layoutManager
        val adapter = NewsAdaapter(getNews())
        newsTitleRecyclerView.adapter=adapter
    }
    private fun getNews() : List<New>{
        val newsList=ArrayList<New>()
        for(i in 1..50){
            val news = New("这是新闻$i",getRandomLengthString("新闻$i 正在播报，看懂看不懂由你."))
            newsList.add(news)
        }
        return newsList
    }
    private fun getRandomLengthString(str:String) :String{
        val n=(1..20).random()
        val builder=StringBuilder()
        repeat(n){
            builder.append(str)
        }
        return builder.toString()
    }
}

创建news_content_frag.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:id="@+id/contentLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="invisible"
        android:orientation="vertical">
        <TextView
            android:id="@+id/newsTitle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="10dp"
            android:textSize="20sp"
            ></TextView>
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#000"
            ></View>
        <TextView
            android:id="@+id/newsContent"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:padding="15dp"
            android:textSize="18sp"
            ></TextView>
    </LinearLayout>
    <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:background="#000"
        ></View>
</RelativeLayout>

创建NewsContentFragment

class NewsContentFragment : Fragment(){
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.new_content_frag,container,false)
    }
    fun refresh(title : String,content : String){
        contentLayout.visibility = View.VISIBLE
        newsTitle.text=title
        newsContent.text=content
    }

}

创建NewsContentActivity

class NewsContentActivity : AppCompatActivity() {
    companion object{
        fun actionStart(context : Context,title:String,content:String){
            val intent = Intent(context,NewsContentActivity::class.java).apply {
                putExtra("news_title",title)
                putExtra("news_content",content)
            }
            context.startActivity(intent)
        }
    }
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_news_content)
        val title =intent.getStringExtra("news_title")
        val content=intent.getStringExtra("news_content")
        if(title!=null &&content !=null){
            val fragment =newsContentFrag as NewsContentFragment
            fragment.refresh(title,content)
        }
    }
}

3.Kotlin扩充

3.1扩展函数
模板:fun ClassName.methodName(param1 : Int , param2 : Int) : Int { }

	fun String.lettersCount ( ) : Int {
	var count = 0
	for(char in this){
		if(char.isLetter()){
			count++
			}
	}
}

定义好可以直接这样使用

val count = "ABC123xyz^%#"

3.2运算符重载
关键字:operator
模板：

class Obj{
	
	operator fun plus(pbj : Obj) :Obj{
	//处理相加逻辑
		}


}

之后可以这样直接用

val obj1=Obj()
val obj2=Obj()
val obj3=obj1+obj2

比如Money类，钱是可以相加的这样设计
在这里插入图片描述

一天发火两次

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
移动开发笔记（七） Fragment 手机和平板兼顾简易新闻应用

1.1动态添加Fragmentclass MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) button.setOnClickListener{ replaceFragment(Ano
复制链接

扫一扫