エンジニアリング機能紹介
アプリを開きます。最初はスプラッシュ スクリーン インターフェイス (アプリを開いたときに小さな広告でよく見られます) で、時間を 2 秒に設定してからログイン インターフェイスに入ります。ログインインターフェースでは、途中でパスワードを入力し、ログインボタンをクリックしてWeChatインターフェースに入ります。
WeChat のインターフェイスは 4 つのフラグメントで構成され、最初のフラグメントは最近受信した情報を表示するために使用され、2 つ目のフラグメントは ListView で作成されたアドレス帳を表示するために使用され、3 つ目は WeChat のディスカバリー インターフェイスであり、 2 番目のフラグメントはアドレス帳の表示に使用され、4 つのフラグメントはユーザー情報の表示に使用されます。
メッセージ インターフェイスでは、連絡先をクリックしてチャット インターフェイスに入り、相手にメッセージを送信し、左上の [戻る] ボタンをクリックしてチャット インターフェイスを終了できます。
3 番目のフラグメントはディスカバリー インターフェイスです. たくさんあるので, ScrollView を使用してスクロール可能なレイアウトを作成します. 友達バーの上部のサークルをクリックすると, 友達のサークル インターフェイスに入り, 友達のサークルを表示できます.左上隅にある戻るボタンをクリックして、検出ページに戻ります。
詳細コード
コードにはいくつかの画像が含まれています. 画像ファイルが必要な場合は, 記事の下部にあるプロジェクト ファイルからダウンロードできます. 画像のパスは WechatApplication\app\src\main\res\mipmap-mdpi です.
なお、実際の動作では、プログラムの途中でこの順番で赤線が引かれることがありますが、入力後にコードが消えたり、途中でこの順番で進めなくなったりする可能性がありますので、ご安心ください。全て。
スプラッシュ スクリーン アクティビティ
まず、スプラッシュ スクリーン アクティビティを作成しましょう。まず、そのレイアウト ファイルを作成します。
activity_splash.xml
activity_login という名前のレイアウト フォルダーに新しいレイアウト ファイルを作成します。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
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=".SplashActivity">
<ImageView
android:id="@+id/tubiao"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@mipmap/tubiao"
android:layout_marginTop="80dp"
android:layout_centerHorizontal="true"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="微信"
android:layout_below="@+id/tubiao"
android:textSize="50dp"
android:textColor="#000000"
android:layout_centerHorizontal="true"/>
</RelativeLayout>スプラッシュ アクティビティ
次は彼の Java クラス ファイルです。パッケージに SplashActivity という名前の新しい Java クラスを作成します。
public class SplashActivity extends AppCompatActivity {
private Handler mHandler = new Handler();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_splash);
mHandler.postDelayed(new Runnable() {
@Override
public void run() {
startActivity(new Intent(SplashActivity.this,LoginActivity.class));
}
},2000);
}
}ログイン インターフェイス
activity_login.xml
activity_login という名前のレイアウト フォルダーに新しいレイアウト ファイルを作成します。
<?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:orientation="vertical"
android:background="#f2f2f2">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/touxiang"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@mipmap/touxiang"
android:layout_centerHorizontal="true"
android:layout_marginTop="90dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="所长的肚子"
android:layout_below="@+id/touxiang"
android:layout_centerHorizontal="true"
android:textSize="30dp"
android:textColor="#000000"/>
</RelativeLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="20dp">
<TextView
android:id="@+id/mima"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码"
android:textSize="30dp"
android:textColor="#000000"
android:layout_marginTop="5dp"
android:layout_marginLeft="20dp"/>
<EditText
android:id="@+id/edittxt"
android:layout_width="1040dp"
android:layout_height="50dp"
android:layout_marginLeft="20dp"
android:layout_toRightOf="@+id/mima"
android:background="@null"
android:hint="请输入密码" />
</RelativeLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<View
android:id="@+id/line"
android:layout_width="25dp"
android:layout_height="1dp"
android:background="#f2f2f2"/>
<View
android:layout_width="1030dp"
android:layout_height="1dp"
android:background="#60ff0f"
android:layout_toRightOf="@+id/line"/>
<View
android:layout_width="25dp"
android:layout_height="1dp"
android:background="#f2f2f2"
android:layout_alignParentRight="true"/>
</RelativeLayout>
<Button
android:id="@+id/btn_forget_pwd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/btn_login"
android:text="用短信验证码登录"
android:textSize="20dp"
android:textColor="#2999ce"
android:layout_marginLeft="20dp"
android:layout_marginTop="10dp"
android:background="@null"/>
<Button
android:id="@+id/btn_login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="登录"
android:textSize="24sp"
android:layout_marginTop="10dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:background="#f4f5f7"/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/dongjie"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="紧急冻结"
android:textSize="20dp"
android:textColor="#2999ce"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:background="@null"/>
<TextView
android:id="@+id/shuxian1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="|"
android:textSize="20dp"
android:layout_toLeftOf="@+id/dongjie"
android:layout_alignParentBottom="true"
android:layout_marginBottom="12dp"/>
<TextView
android:id="@+id/shuxian2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="|"
android:textSize="20dp"
android:layout_toRightOf="@+id/dongjie"
android:layout_alignParentBottom="true"
android:layout_marginBottom="12dp"/>
<Button
android:id="@+id/zhaohui"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="找回密码"
android:textSize="20dp"
android:textColor="#2999ce"
android:layout_alignParentBottom="true"
android:layout_toLeftOf="@+id/shuxian1"
android:background="@null"/>
<Button
android:id="@+id/gengduo"
android:layout_width="50dp"
android:layout_height="wrap_content"
android:text="更多"
android:textSize="20dp"
android:textColor="#2999ce"
android:layout_alignParentBottom="true"
android:layout_toRightOf="@+id/shuxian2"
android:background="@null"
/>
</RelativeLayout>
</LinearLayout>
LoginActivity.java
パッケージ内に LoginActivity という名前の新しい Java クラスを作成します。
public class LoginActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_login);
Button button = findViewById(R.id.btn_login);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent(LoginActivity.this,MainActivity.class);
startActivity(intent);
}
});
}
}メインインターフェース
やっとメインインターフェースにたどり着きました、最初は activity_main です
activity_main.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"
tools:context=".MainActivity">
<!--内容-->
<RelativeLayout
android:id="@+id/container_content"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1" />
<!--功能菜单-->
<LinearLayout
android:id="@+id/container_menu"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:background="#f2f2f2"
android:layout_alignParentBottom="true">
<LinearLayout
android:id="@+id/menu_weixin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center"
android:layout_weight="1">
<ImageView
android:id="@+id/caidan_weixin"
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@mipmap/weixin02"
android:background="@drawable/menu_weixin_icon_selector"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="微信"
android:textColor="#000000"
android:textSize="20dp"/>
</LinearLayout>
<LinearLayout
android:id="@+id/menu_tongxunlu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center"
android:layout_weight="1">
<ImageView
android:id="@+id/caidan_tongxun"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@drawable/menu_tongxunlu_icon_selector"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="通讯录"
android:textColor="#000000"
android:textSize="20sp"/>
</LinearLayout>
<LinearLayout
android:id="@+id/menu_faxian"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center"
android:layout_weight="1">
<ImageView
android:id="@+id/caidain_faxian"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@drawable/menu_faxian_icon_selector"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="发现"
android:textColor="#000000"
android:textSize="20sp"/>
</LinearLayout>
<LinearLayout
android:id="@+id/menu_wode"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center"
android:layout_weight="1">
<ImageView
android:id="@+id/caidan_wode"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@drawable/menu_wode_icon_selector"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="我的"
android:textColor="#000000"
android:textSize="20sp"/>
</LinearLayout>
</LinearLayout>
</LinearLayout>最初のフラグメント、weixin_fragment.xml
<?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:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="70dp"
android:background="#f2f2f2">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="微信"
android:textColor="#000000"
android:textSize="25dp" />
<Button
android:id="@+id/qita"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@mipmap/qita"
android:layout_alignParentRight="true"
android:layout_marginTop="15dp"
android:layout_marginRight="10dp"/>
<Button
android:id="@+id/sousuo"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginTop="15dp"
android:layout_marginRight="0dp"
android:layout_toLeftOf="@+id/qita"
android:background="@mipmap/sousuo" />
</RelativeLayout>
<ListView
android:id="@+id/weixin_listview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff"
android:divider="#000000"
android:overScrollMode="never"/>
</LinearLayout>2 番目のフラグメント、tongxunlu_fragment.xml
<?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:orientation="vertical"
android:background="#ffffff">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="70dp"
android:background="#f2f2f2">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="通讯录"
android:textColor="#000000"
android:textSize="25dp" />
<Button
android:id="@+id/qita"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@mipmap/qita"
android:layout_alignParentRight="true"
android:layout_marginTop="15dp"
android:layout_marginRight="10dp"/>
<Button
android:id="@+id/sousuo"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginTop="15dp"
android:layout_marginRight="0dp"
android:layout_toLeftOf="@+id/qita"
android:background="@mipmap/sousuo" />
</RelativeLayout>
<ListView
android:id="@+id/txl_listview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:divider="#000000"
android:overScrollMode="never"
/>
</LinearLayout>3 番目のフラグメント、faxian_fragment.xml
<?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:orientation="vertical">
<!--头部-->
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="70dp"
android:background="#f2f2f2">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="发现"
android:textColor="#000000"
android:textSize="25dp" />
<Button
android:id="@+id/qita"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@mipmap/qita"
android:layout_alignParentRight="true"
android:layout_marginTop="15dp"
android:layout_marginRight="10dp"/>
<Button
android:id="@+id/sousuo"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginTop="15dp"
android:layout_marginRight="0dp"
android:layout_toLeftOf="@+id/qita"
android:background="@mipmap/sousuo" />
</RelativeLayout>
<!--内容-->
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:overScrollMode="never">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<RelativeLayout
android:id="@+id/pyquan_click"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ffffff">
<ImageView
android:id="@+id/pyquan"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:background="@mipmap/pyquan" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginTop="12dp"
android:layout_toRightOf="@+id/pyquan"
android:text="朋友圈"
android:textColor="#000000"
android:textSize="20dp" />
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"
android:background="@mipmap/wode_xinxi" />
</RelativeLayout>
<View
android:layout_width="match_parent"
android:layout_height="10dp"
android:background="#e0e0e0"/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ffffff">
<ImageView
android:id="@+id/shipinghao"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/shipinghao"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/shipinghao"
android:text="视屏号"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="12dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
<View
android:layout_width="match_parent"
android:layout_height="10dp"
android:background="#e0e0e0"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ffffff">
<ImageView
android:id="@+id/saoysao"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/saoysao"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/saoysao"
android:text="扫一扫"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="12dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<View
android:layout_width="45dp"
android:layout_height="1dp"
android:background="#ffffff"/>
<View
android:layout_width="1000dp"
android:layout_height="1dp"
android:background="#e0e0e0"/>
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ffffff">
<ImageView
android:id="@+id/yyy"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/yaoyyao"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/yyy"
android:text="摇一摇"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="12dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="10dp"
android:background="#e0e0e0"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ffffff">
<ImageView
android:id="@+id/kyk"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/kanykan"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/kyk"
android:text="看一看"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="12dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<View
android:layout_width="45dp"
android:layout_height="1dp"
android:background="#ffffff"/>
<View
android:layout_width="1000dp"
android:layout_height="1dp"
android:background="#e0e0e0"/>
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ffffff">
<ImageView
android:id="@+id/sys"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/souysou"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/sys"
android:text="搜一搜"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="12dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="10dp"
android:background="#e0e0e0"/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ffffff">
<ImageView
android:id="@+id/zbfj"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/zhibofujin"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/zbfj"
android:text="直播和附近"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="12dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
<View
android:layout_width="match_parent"
android:layout_height="10dp"
android:background="#e0e0e0"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ffffff">
<ImageView
android:id="@+id/gouwu"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/kanykan"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/gouwu"
android:text="购物"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="12dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<View
android:layout_width="45dp"
android:layout_height="1dp"
android:background="#ffffff"/>
<View
android:layout_width="1000dp"
android:layout_height="1dp"
android:background="#e0e0e0"/>
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ffffff">
<ImageView
android:id="@+id/youxi"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/souysou"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/youxi"
android:text="游戏"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="12dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="10dp"
android:background="#e0e0e0"/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ffffff">
<ImageView
android:id="@+id/xiaochengxu"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/xiaochengxu"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/xiaochengxu"
android:text="小程序"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="12dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
</LinearLayout>
</ScrollView>
</LinearLayout>4 番目のフラグメント wode_fragment.xml
<?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:orientation="vertical"
android:background="#f2f2f2">
<!--利用ScrollView实现滚动-->
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:overScrollMode="never">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<!--头部-->
<LinearLayout
android:id="@+id/layout_wode_header"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#ffffff">
<Button
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@mipmap/touxiang"
android:layout_marginTop="50dp"
android:layout_marginLeft="20dp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="所长的肚子"
android:textSize="30dp"
android:textColor="#000000"
android:layout_marginTop="50dp" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="30dp">
<TextView
android:id="@+id/weixinhao"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="微信号:123456789"
android:textSize="20dp"/>
<Button
android:id="@+id/wode_xinxixinxi"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/wode_xinxi"
android:layout_alignParentRight="true"/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@mipmap/wode_ma"
android:layout_toLeftOf="@+id/wode_xinxixinxi"/>
</RelativeLayout>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="+状态"
android:textSize="20dp"
android:background="@null"
/>
</LinearLayout>
</LinearLayout>
<View
android:layout_width="wrap_content"
android:layout_height="10dp"
android:background="#e0e0e0"/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ffffff">
<ImageView
android:id="@+id/zhifu"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/zhifu"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/zhifu"
android:text="支付"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
<View
android:layout_width="match_parent"
android:layout_height="10dp"
android:background="#e0e0e0"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="200dp"
android:orientation="vertical"
android:background="#ffffff">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp">
<ImageView
android:id="@+id/shoucang"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/shoucang"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/shoucang"
android:text="收藏"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp">
<ImageView
android:id="@+id/xiangce"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/xiangce"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/xiangce"
android:text="相册"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp">
<ImageView
android:id="@+id/kabao"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/kabao"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/kabao"
android:text="卡包"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp">
<ImageView
android:id="@+id/biaoqing"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/biaoqing"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/biaoqing"
android:text="表情"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
</LinearLayout>
<View
android:layout_width="wrap_content"
android:layout_height="10dp"
android:background="#e0e0e0"/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#ffffff">
<ImageView
android:id="@+id/shezhi"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@mipmap/shezhi"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/shezhi"
android:text="设置"
android:textColor="#000000"
android:textSize="20dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
/>
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@mipmap/wode_xinxi"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>
</LinearLayout>
</ScrollView>
</LinearLayout>次は MainActivity.java
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private LinearLayout mMenuWeixin;
private LinearLayout mMenuTongxunlu;
private LinearLayout mMenuFaxian;
private LinearLayout mMenuWode;
private WeixinFragment weixinFragment = new WeixinFragment();
private TongxunluFragment tongxunluFragment = new TongxunluFragment();
private FaxianFragment faxianFragment = new FaxianFragment();
private WodeFragemnt wodeFragemnt = new WodeFragemnt();
ImageView weixinImg;
ImageView tongxunImg;
ImageView faxianImg;
ImageView wodeImg;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
weixinImg = (ImageView) findViewById(R.id.caidan_weixin);
tongxunImg = (ImageView) findViewById(R.id.caidan_tongxun);
faxianImg = (ImageView) findViewById(R.id.caidain_faxian);
wodeImg = (ImageView) findViewById(R.id.caidan_wode);
this.getSupportFragmentManager().beginTransaction()
.add(R.id.container_content,weixinFragment)
.add(R.id.container_content,tongxunluFragment)
.add(R.id.container_content,faxianFragment)
.add(R.id.container_content,wodeFragemnt)
.hide(tongxunluFragment).hide(faxianFragment)
.hide(wodeFragemnt).commit();
}
private void initView() {
mMenuWeixin = this.findViewById(R.id.menu_weixin);
mMenuTongxunlu = this.findViewById(R.id.menu_tongxunlu);
mMenuFaxian = this.findViewById(R.id.menu_faxian);
mMenuWode = this.findViewById(R.id.menu_wode);
mMenuWeixin.setOnClickListener(this);
mMenuTongxunlu.setOnClickListener(this);
mMenuFaxian.setOnClickListener(this);
mMenuWode.setOnClickListener(this);
}
@Override
public void onClick(View v){
switch (v.getId()){
case R.id.menu_weixin:
weixinImg.setImageResource(R.mipmap.weixin02);
tongxunImg.setImageResource(R.mipmap.tongxunlu01);
faxianImg.setImageResource(R.mipmap.faxian01);
wodeImg.setImageResource(R.mipmap.wode01);
this.getSupportFragmentManager().beginTransaction()
.show(weixinFragment).hide(tongxunluFragment)
.hide(faxianFragment).hide(wodeFragemnt)
.commit();break;
case R.id.menu_tongxunlu:
weixinImg.setImageResource(R.mipmap.weixin01);
tongxunImg.setImageResource(R.mipmap.tongxunlu02);
faxianImg.setImageResource(R.mipmap.faxian01);
wodeImg.setImageResource(R.mipmap.wode01);
this.getSupportFragmentManager().beginTransaction()
.show(tongxunluFragment).hide(weixinFragment)
.hide(faxianFragment).hide(wodeFragemnt)
.commit();break;
case R.id.menu_faxian:
weixinImg.setImageResource(R.mipmap.weixin01);
tongxunImg.setImageResource(R.mipmap.tongxunlu01);
faxianImg.setImageResource(R.mipmap.faxian02);
wodeImg.setImageResource(R.mipmap.wode01);
this.getSupportFragmentManager().beginTransaction()
.show(faxianFragment).hide(weixinFragment)
.hide(tongxunluFragment).hide(wodeFragemnt)
.commit();break;
case R.id.menu_wode:
weixinImg.setImageResource(R.mipmap.weixin01);
tongxunImg.setImageResource(R.mipmap.tongxunlu01);
faxianImg.setImageResource(R.mipmap.faxian01);
wodeImg.setImageResource(R.mipmap.wode02);
this.getSupportFragmentManager().beginTransaction()
.show(wodeFragemnt).hide(tongxunluFragment)
.hide(faxianFragment).hide(weixinFragment)
.commit();break;
default:break;
}
}
}次
この時点で半分以上の制作が完了したので次回の記事に譲ります
https://blog.csdn.net/nazonomaster/article/details/124463933