Android Studio 开发–微信APP门户界面设计(二)
2024-06-04 03:10:27
本次Github代码仓库 --crcr1013/MyWechat
文章目录
- 一、成果要求
- 二、关键步骤
- 1、准备工作
- 1.1环境准备
- 1.2布局构想及资源准备
- 2、 朋友圈的RecyclerView布局
- 2.1 activity_fcircle.xml
- 2.2 fcircle.xml
- 2.3 数据类FcircleCard
- 2.4 FcircleAdapter
- 2.5 FcircleActivity
- 3、 听一听界面布局
- 3.1 listen.xml
- 3.2 ListenActivity
- 4、 发现界面的RecyclerView布局
- 4.1 fragment_find.xml
- 4.2 item对应布局文件（find.xml）
- 4.3 数据类Find_Item
- 4.4 findAdapter
- 4.5 findFragment
- 三、效果展示
- 四、总结
一、成果要求
1、在发现界面实现新的RecyclerView布局，包括"朋友圈"、"听一听"内容。
2、对于"朋友圈"item，点击其可跳转到其详情界面，详情界面设计同样利用RecyclerView纵向布局，包括头像，昵称，朋友圈文案，配图等内容；对于"听一听"item，点击其可跳转到其详情界面，详情界面是一个类音乐播放器界面，本次实验暂不添加播放音乐，下一首，进度条等具体功能，仅仅进行一个界面展示。以上两个跳转利用Intent启动Activity来实现。
二、关键步骤
1、准备工作
1.1环境准备
我当前的微信APP设计成果为，第一个tab页–聊天界面实现了对RecyclerView的纵向布局，展示find.xml的格式内容，对item添加点击事件，实现Item的上下拖拽及左滑删除，但本次实验我计划在tab3（发现界面）上进行。
1.2布局构想及资源准备
本次实验我计划在tab3（发现界面）利用RecyclerView布局添加两个"朋友圈"，"听一听"两个Item，再进行点击时分别跳转启动FcircleActivity以及ListenActivity。
FcircleActivity对应的布局文件为activity_fcircle.xml,其又利用RecyclerView布局展示fcircle.xml的格式内容；ListenActivity对应的布局文件为listen.xml，直接进行简单的界面展示，日后可将其丰富为真正的音乐播放器。
本次发现界面的RecyclerView布局计划初始化两个item，“朋友圈"和"听一听”，对应布局文件find.xml设计构想如下，故需准备两个标识图标（以及一个右箭头图标）。
朋友圈RecyclerView布局计划初始化两个item，对应布局文件fcircle.xml设计构想如下，需准备至少两张头像图片，两张配图图片（以及一个点赞图标）。
listen.xml设计构想如下，需准备一张音乐海报图片。
2、 朋友圈的RecyclerView布局
2.1 activity_fcircle.xml
由于在朋友圈界面也利用RecyclerView进行布局，故添加一个RecyclerView，并设置其id，以便后面使用。另外添加一个title，recycleview则要包括在FrameLayout中。
<?xml version="1.0" encoding="utf-8"?>
<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="wrap_content"android:orientation="vertical"tools:context=".FcircleActivity"><TextViewandroid:id="@+id/textView5"android:layout_width="match_parent"android:layout_height="76dp"android:layout_weight="1"android:background="#ccccff"android:gravity="center"android:text="朋友圈"android:textColor="@color/white"android:textSize="30sp"tools:ignore="TextContrastCheck" /><FrameLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/RecyclerView_fcircle"android:layout_width="match_parent"android:layout_height="match_parent" /></FrameLayout></LinearLayout>
2.2 fcircle.xml
新建一个find.xml，为朋友圈的RecyclerView内的元素设定xml样式。
放入一个水平向的linearLayout，添加一个放头像的ImageView,再放入一个竖直向的LinearLayout，在这个Layout里面放入一个放昵称的TextView，一个放配图的ImageView，一个水平向的LinearLayout，在这个水平向的LinearLayout中放入一个放点赞图标的ImageView，一个放点赞人的TextView；再根据具体情况调整文字大小，整个LinearLayout的width、height等，注意设置头像，文本，昵称，配图的id，方便之后进行初始化。
代码如下：
<?xml version="1.0" encoding="utf-8"?>
<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="wrap_content"android:orientation="horizontal"tools:context=".FcircleActivity"><ImageViewandroid:id="@+id/imageView_touxiang"android:layout_width="135dp"android:layout_height="95dp"android:layout_gravity="left"android:layout_weight="0"tools:srcCompat="@drawable/photo_p1" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="0"android:orientation="vertical"><TextViewandroid:id="@+id/textView_name"android:layout_width="wrap_content"android:layout_height="57dp"android:layout_weight="0"android:gravity="left"android:text="小马"android:textSize="30sp"android:textStyle="bold" /><TextViewandroid:id="@+id/textView_wenben"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="0"android:text="哈哈哈哈哈哈哈哈哈"android:textSize="30sp" /><ImageViewandroid:id="@+id/imageView_picture"android:layout_width="match_parent"android:layout_height="265dp"android:layout_weight="0"tools:srcCompat="@drawable/songimage1" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="48dp"android:layout_weight="0"android:orientation="horizontal"><ImageViewandroid:id="@+id/imageView12"android:layout_width="48dp"android:layout_height="wrap_content"android:layout_weight="0"app:srcCompat="@drawable/findimage1" /><TextViewandroid:id="@+id/textView7"android:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center_vertical|left"android:text="小宋，小丁，小张"android:textSize="25sp" /></LinearLayout></LinearLayout>
</LinearLayout>
2.3 数据类FcircleCard
数据类FcircleCard应包括头像id，昵称，配图id，文本，以及对应的返回函数，代码如下：
package com.example.wechatdemo;public class FcircleCard {public int touxiangid; // 头像idpublic String name; //昵称public String text; //文本public int pictureid;//配图idpublic FcircleCard(){this.touxiangid=touxiangid;this.name=name;this.text=text;this.pictureid=pictureid;}public String getName(){return name;}public int getTouxiangid(){return touxiangid;}public String getText(){return text;}public int getPictureid(){return pictureid; }
}2.4 FcircleAdapter
需要创建适配器findAdapter继承RecyclerView.Adapter，实现泛型传入RecyclerView.ViewHolder类，初始化item的控件，重写RecyclerView.Adapter类的相关方法，绑定控件对应的数据等,具体见RecyclerView的具体使用相关介绍。
package com.example.wechatdemo;import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;import java.util.ArrayList;public class FcircleAdapter extends RecyclerView.Adapter<FcircleAdapter.MyViewHolder> {private Context context;public View itemView;ArrayList<FcircleCard> list=new ArrayList<>();//构造函数public FcircleAdapter(Context context, ArrayList<FcircleCard> list) {this.context=context;this.list=list;}//创建ViewHolder,返回每一项的布局@NonNull@Overridepublic FcircleAdapter.MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {itemView= LayoutInflater.from(context).inflate(R.layout.fcircle,parent,false);MyViewHolder myViewHolder=new MyViewHolder(itemView);return myViewHolder;}//将数据与 item 视图进行绑定@Overridepublic void onBindViewHolder(@NonNull MyViewHolder holder, int position) {FcircleCard fcircleCard=list.get(position);//绑定item每一个控件对应的数据holder.imageView1.setImageResource(fcircleCard.getTouxiangid());holder.imageView2.setImageResource(fcircleCard.getPictureid());holder.textView1.setText(fcircleCard.name);holder.textView2.setText(fcircleCard.text);}//返回item总条数@Overridepublic int getItemCount() {return list.size();}//内部类，绑定控件public class MyViewHolder extends RecyclerView.ViewHolder {private ImageView imageView1,imageView2;private TextView textView1,textView2;public MyViewHolder(@NonNull View itemView) {super(itemView);imageView1=itemView.findViewById(R.id.imageView_touxiang);imageView2=itemView.findViewById(R.id.imageView_picture);textView1=itemView.findViewById(R.id.textView_name);textView2=itemView.findViewById(R.id.textView_wenben);}}
}
2.5 FcircleActivity
新建FcircleActivity.java，供朋友圈调用intent跳转使用。在FcircleActivity中，要实现对item数据的初始化，适配器实例化，设置纵向布局等，具体见RecyclerView使用相关介绍。
package com.example.wechatdemo;import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;import android.content.Context;
import android.os.Bundle;
import android.widget.Adapter;import java.util.ArrayList;public class FcircleActivity extends AppCompatActivity {private RecyclerView recyclerView;//声明RecyclerViewprivate FcircleAdapter fcircleAdapter;private Context context;ArrayList<FcircleCard> list=new ArrayList<>();@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);supportRequestWindowFeature(Window.FEATURE_NO_TITLE);context = this;setContentView(R.layout.activity_fcircle);recyclerView = (RecyclerView) findViewById(R.id.RecyclerView_fcircle);//初始化数据initView();//适配器实例化fcircleAdapter = new FcircleAdapter(context,list);LinearLayoutManager manager = new LinearLayoutManager(context);manager.setOrientation(LinearLayoutManager.VERTICAL);recyclerView.setLayoutManager(manager);recyclerView.setAdapter(fcircleAdapter);//给recyclerView设置水平分割线recyclerView.addItemDecoration(new DividerItemDecoration(context,DividerItemDecoration.HORIZONTAL_LIST,5,0xCCCCCCFF));}private void initView(){String[] name={"小马","小丁"};String[] text={"哈哈哈哈哈","芜湖芜湖"};int[] touxiangid={R.drawable.photo_p1,R.drawable.photo_p2};int[] pictureid={R.drawable.photo_p3,R.drawable.photo_p4};for(int i=0;i<2;i++){FcircleCard fcircleCard=new FcircleCard();fcircleCard.name=name[i];fcircleCard.text=text[i];fcircleCard.touxiangid=touxiangid[i];fcircleCard.pictureid=pictureid[i];list.add(fcircleCard);}}
}
到这里，朋友圈的界面布局已处理完成。
3、 听一听界面布局
3.1 listen.xml
新建一个listen.xml，为听一听界面进行布局。
该界面仿音乐播放器设计，效果如下：
代码如下：
<?xml version="1.0" encoding="utf-8"?>
<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"android:orientation="vertical"android:background="@color/white"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="60dp"android:orientation="horizontal"><TextViewandroid:id="@+id/song"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center"android:text="歌曲"android:textSize="30sp" android:textStyle="bold" /><ImageViewandroid:id="@+id/imageView9"android:layout_width="253dp"android:layout_height="43dp"android:layout_gravity="center"android:layout_weight="1"app:srcCompat="@android:drawable/status_bar_item_background" /><TextViewandroid:id="@+id/lyric"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center"android:text="歌词"android:textSize="30sp" /></LinearLayout><ImageViewandroid:id="@+id/imageView7"android:layout_width="match_parent"android:layout_height="187dp"android:layout_weight="1"app:srcCompat="@drawable/songimage1" /><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="66dp"android:layout_gravity="center"android:layout_weight="1"android:orientation="vertical"><TextViewandroid:id="@+id/song_name"android:layout_width="match_parent"android:layout_height="67dp"android:layout_weight="0"android:gravity="center"android:text="水星记"android:textSize="34sp"android:textStyle="bold" /><TextViewandroid:id="@+id/textView8"android:layout_width="match_parent"android:layout_height="62dp"android:layout_weight="0"android:gravity="center"android:text="郭顶"android:textSize="34sp" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="171dp"android:orientation="horizontal"><ImageViewandroid:id="@+id/imageView"android:layout_width="wrap_content"android:layout_height="40dp"android:layout_gravity="center"android:layout_weight="1"app:srcCompat="@android:drawable/ic_media_previous" /><ImageViewandroid:id="@+id/imageView5"android:layout_width="119dp"android:layout_height="64dp"android:layout_gravity="center"android:layout_weight="1"app:srcCompat="@android:drawable/ic_media_pause" /><ImageViewandroid:id="@+id/imageView6"android:layout_width="wrap_content"android:layout_height="40dp"android:layout_gravity="center"android:layout_weight="1"app:srcCompat="@android:drawable/ic_media_next" /></LinearLayout>
</LinearLayout>
3.2 ListenActivity
ListenActivity代码较简单，直接指定其布局文件为listen.xml即可。
package com.example.wechatdemo;import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;import android.content.Intent;
import android.os.Bundle;public class ListenActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);supportRequestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.listen);}
}
到这里，看一看界面的布局处理已完成。
4、 发现界面的RecyclerView布局
对发现界面进行布局，不仅要为其添加一个recyclerView,还需要为其Item设计布局格式。
4.1 fragment_find.xml
由于需要在发现界面进行RecyclerView布局，故添加一个RecyclerView，并设置其id，以便后面使用。
<?xml version="1.0" encoding="utf-8"?>
<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"tools:context=".findFragment"><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/RecyclerView_find"android:layout_width="match_parent"android:layout_height="match_parent" />
</LinearLayout>
4.2 item对应布局文件（find.xml）
新建一个find.xml，为发现界面的RecyclerView内的元素设定xml样式。
放入一个水平向的linearLayout，添加一个放图标的ImageView,一个放名称的TextView，一个放右箭头图标的ImageView；再根据具体情况调整文字大小，整个LinearLayout的width、height等。
<?xml version="1.0" encoding="utf-8"?>
<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="80dp"android:orientation="vertical"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"android:orientation="horizontal"android:id="@+id/finditem_linearlayout"><ImageViewandroid:id="@+id/imageView_finditem"android:layout_width="12dp"android:layout_height="wrap_content"android:layout_gravity="center"android:layout_weight="1"tools:srcCompat="@drawable/findimage1" /><TextViewandroid:id="@+id/textView_finditem"android:layout_width="230dp"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center_vertical|left"android:text="TextView"android:textSize="20sp" /><ImageViewandroid:id="@+id/imageView_jiantou"android:layout_width="6dp"android:layout_height="30sp"android:layout_gravity="center"android:layout_weight="1"android:rotation="0"android:rotationX="44"android:rotationY="0"app:srcCompat="@drawable/jiantou" /></LinearLayout>
</LinearLayout>
4.3 数据类Find_Item
数据类Find_Item应包括图标id，名称，右箭头id，以及对应的返回函数，代码如下：
package com.example.wechatdemo;
public class Find_Item {public int imageid; // 图标idpublic String name; //图标名称 如朋友圈public int imageid_jiantou; //箭头idpublic Find_Item(){this.imageid=imageid;this.name=name;this.imageid_jiantou=imageid_jiantou;}public String getName(){return name; }public int getImageid(){return imageid; }public int getImageid_jiantou(){return imageid_jiantou;}
}
4.4 findAdapter
需要创建适配器findAdapter继承RecyclerView.Adapter，实现泛型传入RecyclerView.ViewHolder类，初始化item的控件，重写RecyclerView.Adapter类的相关方法，绑定控件对应的数据等。
package com.example.wechatdemo;import android.content.Context;
import android.content.Intent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;import java.util.ArrayList;public class findAdapter extends RecyclerView.Adapter<findAdapter.MyViewHolder> {private Context context;public View itemView;ArrayList<Find_Item> list=new ArrayList<>();//使用ArrayList<Intent> intents=new ArrayList<>();//构造函数public findAdapter(Context context, ArrayList<Find_Item> list , ArrayList<Intent> intents){this.context=context;this.list=list;this.intents = intents;}//创建ViewHolder,返回每一项的布局public findAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {itemView= LayoutInflater.from(context).inflate(R.layout.find,parent,false);MyViewHolder myViewHolder=new MyViewHolder(itemView);return myViewHolder;}//将数据与 item 视图进行绑定@Overridepublic void onBindViewHolder(@NonNull findAdapter.MyViewHolder holder, int position) {Find_Item find_item=list.get(position);Intent intent=intents.get(position);//绑定item每一个控件对应的数据holder.textView1.setText(find_item.name);//文本一朋友圈holder.imageView1.setImageResource(find_item.getImageid());//图标IDholder.imageView2.setImageResource(find_item.getImageid_jiantou());//右箭头图片ID//给item设置点击事件holder.Clickitem.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {context.startActivity(intent);}});}//返回item总条数@Overridepublic int getItemCount() {return list.size();}//内部类，绑定控件class MyViewHolder extends RecyclerView.ViewHolder{TextView textView1;ImageView imageView1,imageView2;View Clickitem;public MyViewHolder(@NonNull View itemView) {super(itemView);textView1=itemView.findViewById(R.id.textView_finditem);imageView1=itemView.findViewById(R.id.imageView_finditem);imageView2=itemView.findViewById(R.id.imageView_jiantou);Clickitem=itemView.findViewById(R.id.finditem_linearlayout);}}
}
在这里实现跳转最最重要的类（也可以说是一种绑定机制）Intent出现了！
Intent在activity调用方面的使用并不复杂，先创建对象，再设置参数，再进行调用即可，在该模块，其被用到item点击事件中，故需对findAdapter进行以下操作：
//由于存在多个点击事件，使用不同的intent，故需要和数据列表Find_Item一样构造intent列表
ArrayList<Intent> intents=new ArrayList<>();
//在构造函数中传入Intent列表类型的参数
public findAdapter(Context context, ArrayList<Find_Item> list , ArrayList<Intent> intents){this.context=context;this.list=list;this.intents = intents;}
//在绑定控件函数中获取item的position，进行intent定义，并在点击事件中进行intent调用，从而启动item对应的activity
@Overridepublic void onBindViewHolder(@NonNull findAdapter.MyViewHolder holder, int position) {Intent intent=intents.get(position);//给item设置点击事件holder.Clickitem.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {context.startActivity(intent);}});}
4.5 findFragment
在findFragment中，不仅要实现对item数据的初始化，还要对intent列表数组intents进行初始化，将intents的具体值(即其会调用哪个Activity)传递给findAdapter，从而实现点击跳转的效果，再适配器实例化，设置纵向布局。
package com.example.wechatdemo;import android.app.Fragment;import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;import android.app.Fragment;
import android.widget.LinearLayout;import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;import java.util.ArrayList;
import java.util.Collections;public class findFragment extends Fragment {private RecyclerView recyclerView;//声明RecyclerViewprivate findAdapter findAdapter;private Context context;ArrayList<Find_Item> list=new ArrayList<>();ArrayList<Intent> intents=new ArrayList<>();public findFragment() {// Required empty public constructor}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// Inflate the layout for this fragmentView view=inflater.inflate(R.layout.fragment_find,container,false);super.onCreate(savedInstanceState);context = this.getActivity();recyclerView = view.findViewById(R.id.RecyclerView_find);//初始化数据initView();//初始化IntentinitIntent();//适配器实例化，设置纵向布局findAdapter = new findAdapter(context,list,intents);LinearLayoutManager manager = new LinearLayoutManager(context);manager.setOrientation(LinearLayoutManager.VERTICAL);recyclerView.setLayoutManager(manager);recyclerView.setAdapter(findAdapter);//给recyclerView设置水平分割线recyclerView.addItemDecoration(new DividerItemDecoration(getActivity(),DividerItemDecoration.HORIZONTAL_LIST,5,0xCCCCCCFF));return view;}private void initView(){String name[]={"朋友圈","听一听"};int iamgeid[]={R.drawable.findimage1,R.drawable.findimage3};//设置循环体传递数据for (int i=0;i<2;i++){Find_Item find_item=new Find_Item();find_item.name=name[i];find_item.imageid=iamgeid[i];find_item.imageid_jiantou=R.drawable.jiantou;list.add(find_item);}}private void initIntent(){Intent intent=new Intent(context,FcircleActivity.class);intents.add(intent);//朋友圈界面跳转Intent intent1=new Intent(context,ListenActivity.class);intents.add(intent1);//听一听界面跳转}
}
到这里，发现界面布局处理已经完成，跳转功能也已实现。
三、效果展示
发现界面：
朋友圈界面：
听一听界面：
跳转动画：
四、总结
本次的Project也非常有意思，让我对AS产生了更多兴趣，在一步步的丰富中，我看着我的Demo变得逐渐丰富起来，比较有成就感。
在这一次功能设计中，我先将整体功能构想计划好，根据功能添加文件，根据设计诉求添加布局，思路比开发第一部分功能时更加清晰。我对RecycleView、实现关键功能的相关组件的使用更熟练。
希望在下一次的功能设计中，我可以收获更多，冲鸭！！！
Android Studio 开发–微信APP门户界面设计(二)相关推荐
- Android Studio 开发–微信APP门户界面设计
Android Studio 开发–微信APP门户界面设计 本次Github代码仓库 --crcr1013/MyWechat 文章目录 Android Studio 开发--微信APP门户界面设计 前 ...
- Android开发——APP门户界面设计
AS开发--APP门户界面设计01 内容简介 需求分析 UI设计 top content bottom 后端功能设计 top content bottom 代码模块讲解 layout activity ...
- android studio微信界面设计,android studio开发微信界面
android studio开发微信界面 android studio开发微信界面 功能说明:主要是做微信的简单的聊天界面,利用Fragment,进行微信界面的跳转 项目代码: 源代码地址 MainA ...
- 安卓大作业：使用Android Studio开发天气预报APP(使用sqlite数据库)
使用Android Studio开发天气预报APP 今天我来分享一下如何使用Android Studio开发一个天气预报APP.在文中,我们将使用第三方接口获取实时天气数据,并显示在APP界面上. 步 ...
- android qq功能实现原理,Android QQ、微信聊天消息界面设计原理与实现
Android QQ.微信聊天消息界面设计原理与实现 原理:Android平台上,典型的以腾讯的QQ.微信这些聊天消息界面通常可以采用ListView设计与实现,需要使用ListView 适配器 ...
- Android Studio开发安卓app 封装WEB（H5,URL)
由于项目需要,需使用安卓app封装WEB(H5)url链接,之前用的HbuilerX混合开发,但是Hhuildex的UNIAPP在线打包无法实现开机自动启动功能.需使用离线打包,就干脆学习使用andr ...
- Android Studio开发安卓app 安卓与webview中的js交互
Android Studio开发安卓app 安卓与webview中的js交互 1.webview中的页面调用android中的方法 在Android Studio开发安卓app 封装WEB(H5,UR ...
- Android Studio第一次作业：APP门户界面设计
目录 实现过程 一.界面框架设计思路 1.top.xml 2.bottom.xml 3.整体框架activity_main.xml 二.交互设计思路 1.FragmentManager的创建 2.创建 ...
- AndroidStudio学习1 APP门户界面设计
1.内容:实现APP门户界面框架设计,至少包含4个tab页 2.技术:使用布局(layouts)和分段(fragment)对控件进行点击监听 3.界面设计分析 (1)设置登陆界面 activity_m ...
最新文章
- poj 1904 King's Quest
- 20145202马超 《Java程序设计》第六周学习总结
- 微软这次发布会巨硬：安卓折叠手机、双屏电脑，还有无线耳机和超薄平板
- umi搭建react+antd项目（二）路由
- oracle11 删除表空间,oracle11g启动停止服务,修改字符集,导入导出,创建删除表空间,卸载oracle等...
- 金陵科技学院计算机开设课程,金陵科技学院各专业介绍
- liberOJ#6006. 「网络流 24 题」试题库 网络流， 输出方案
- 需要c语言,需要C语言的需要什么工具软件
- 高校网络中心主任挨骂冤不冤？
- CCF NOI1025 统计奖牌
- OMG: daily scrum nine
- spring boot 2 整合 j2Cache
- 移动终端开发详解总结（二）（kotlin版）| CSDN创作打卡
- Qtum量子链周报（7月29日-8月4日）
- y2002音乐源码php,解析MP3等媒体文件的超强php类-getid3
- [AAM-GCN Neurocomputing2021] Attention adjacency matrix based graph convolutional networks for skele
- Leet Code OJ 刷题顺序参考
- 基于javacv（推流），nginx（流媒体服务器），VCL（播放器）搭建直播视频
- vb 回车换行符 分割 字符串
- MySQL连接查询，子查询，union（合并），分页