├── .gitignore
├── .idea
├── gradle.xml
├── inspectionProfiles
│ └── Project_Default.xml
├── misc.xml
├── modules.xml
└── runConfigurations.xml
├── README.md
├── app.gif
├── app
├── .gitignore
├── build.gradle
├── proguard-rules.pro
└── src
│ ├── androidTest
│ └── java
│ │ └── com
│ │ └── text
│ │ └── lg
│ │ └── ideascrollview
│ │ └── ExampleInstrumentedTest.java
│ ├── main
│ ├── AndroidManifest.xml
│ ├── java
│ │ └── com
│ │ │ └── text
│ │ │ └── lg
│ │ │ └── ideascrollview
│ │ │ ├── IdeaScrollView.java
│ │ │ ├── IdeaViewPager.java
│ │ │ └── MainActivity.java
│ └── res
│ │ ├── drawable-v24
│ │ └── ic_launcher_foreground.xml
│ │ ├── drawable
│ │ ├── aa.png
│ │ ├── back.png
│ │ ├── bb.png
│ │ ├── color_selector.xml
│ │ ├── five.png
│ │ ├── four.png
│ │ ├── ic_launcher_background.xml
│ │ ├── one.png
│ │ ├── six.png
│ │ ├── three.png
│ │ └── two.png
│ │ ├── layout
│ │ └── activity_main.xml
│ │ ├── mipmap-anydpi-v26
│ │ ├── ic_launcher.xml
│ │ └── ic_launcher_round.xml
│ │ ├── mipmap-hdpi
│ │ ├── ic_launcher.png
│ │ └── ic_launcher_round.png
│ │ ├── mipmap-mdpi
│ │ ├── ic_launcher.png
│ │ └── ic_launcher_round.png
│ │ ├── mipmap-xhdpi
│ │ ├── ic_launcher.png
│ │ └── ic_launcher_round.png
│ │ ├── mipmap-xxhdpi
│ │ ├── ic_launcher.png
│ │ └── ic_launcher_round.png
│ │ ├── mipmap-xxxhdpi
│ │ ├── ic_launcher.png
│ │ └── ic_launcher_round.png
│ │ └── values
│ │ ├── colors.xml
│ │ ├── strings.xml
│ │ └── styles.xml
│ └── test
│ └── java
│ └── com
│ └── text
│ └── lg
│ └── ideascrollview
│ └── ExampleUnitTest.java
├── build.gradle
├── gradle.properties
├── gradle
└── wrapper
│ ├── gradle-wrapper.jar
│ └── gradle-wrapper.properties
├── gradlew
├── gradlew.bat
└── settings.gradle
/.gitignore:
--------------------------------------------------------------------------------
1 | *.iml
2 | .gradle
3 | /local.properties
4 | /.idea/workspace.xml
5 | /.idea/libraries
6 | .DS_Store
7 | /build
8 | /captures
9 | .externalNativeBuild
10 |
--------------------------------------------------------------------------------
/.idea/gradle.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
17 |
18 |
--------------------------------------------------------------------------------
/.idea/inspectionProfiles/Project_Default.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
11 |
17 |
23 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
16 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/.idea/runConfigurations.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 |
12 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # IdeaScrollView
2 | 仿淘宝详情页的商品详情
3 |
4 | 效果图
5 |
6 | 
7 |
--------------------------------------------------------------------------------
/app.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LgSecret/IdeaScrollView/3c544287dceefde12e2ac556a636a940c30f536e/app.gif
--------------------------------------------------------------------------------
/app/.gitignore:
--------------------------------------------------------------------------------
1 | /build
2 |
--------------------------------------------------------------------------------
/app/build.gradle:
--------------------------------------------------------------------------------
1 | apply plugin: 'com.android.application'
2 |
3 | android {
4 | compileSdkVersion 26
5 | defaultConfig {
6 | applicationId "com.text.lg.ideascrollview"
7 | minSdkVersion 15
8 | targetSdkVersion 26
9 | versionCode 1
10 | versionName "1.0"
11 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
12 | }
13 | buildTypes {
14 | release {
15 | minifyEnabled false
16 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
17 | }
18 | }
19 | }
20 |
21 | dependencies {
22 | implementation fileTree(dir: 'libs', include: ['*.jar'])
23 | implementation 'com.android.support:appcompat-v7:26.1.0'
24 | implementation 'com.android.support.constraint:constraint-layout:1.1.3'
25 | testImplementation 'junit:junit:4.12'
26 | androidTestImplementation 'com.android.support.test:runner:1.0.2'
27 | androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
28 | androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
29 | exclude group: 'com.android.support', module: 'support-annotations'
30 | })
31 | dependencies {
32 | compile ('com.github.niorgai:StatusBarCompat:2.1.4', {
33 | exclude group: 'com.android.support'
34 | })
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/app/proguard-rules.pro:
--------------------------------------------------------------------------------
1 | # Add project specific ProGuard rules here.
2 | # You can control the set of applied configuration files using the
3 | # proguardFiles setting in build.gradle.
4 | #
5 | # For more details, see
6 | # http://developer.android.com/guide/developing/tools/proguard.html
7 |
8 | # If your project uses WebView with JS, uncomment the following
9 | # and specify the fully qualified class name to the JavaScript interface
10 | # class:
11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
12 | # public *;
13 | #}
14 |
15 | # Uncomment this to preserve the line number information for
16 | # debugging stack traces.
17 | #-keepattributes SourceFile,LineNumberTable
18 |
19 | # If you keep the line number information, uncomment this to
20 | # hide the original source file name.
21 | #-renamesourcefileattribute SourceFile
22 |
--------------------------------------------------------------------------------
/app/src/androidTest/java/com/text/lg/ideascrollview/ExampleInstrumentedTest.java:
--------------------------------------------------------------------------------
1 | package com.text.lg.ideascrollview;
2 |
3 | import android.content.Context;
4 | import android.support.test.InstrumentationRegistry;
5 | import android.support.test.runner.AndroidJUnit4;
6 |
7 | import org.junit.Test;
8 | import org.junit.runner.RunWith;
9 |
10 | import static org.junit.Assert.*;
11 |
12 | /**
13 | * Instrumented test, which will execute on an Android device.
14 | *
15 | * @see Testing documentation
16 | */
17 | @RunWith(AndroidJUnit4.class)
18 | public class ExampleInstrumentedTest {
19 | @Test
20 | public void useAppContext() throws Exception {
21 | // Context of the app under test.
22 | Context appContext = InstrumentationRegistry.getTargetContext();
23 |
24 | assertEquals("com.text.lg.ideascrollview", appContext.getPackageName());
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/app/src/main/java/com/text/lg/ideascrollview/IdeaScrollView.java:
--------------------------------------------------------------------------------
1 | package com.text.lg.ideascrollview;
2 |
3 | import android.content.Context;
4 | import android.graphics.Point;
5 | import android.util.AttributeSet;
6 | import android.view.WindowManager;
7 | import android.widget.ScrollView;
8 |
9 | import java.util.ArrayList;
10 |
11 | public class IdeaScrollView extends ScrollView {
12 |
13 | private final Point point;
14 | private IdeaViewPager viewPager;
15 |
16 | private int position = 0;
17 |
18 | ArrayList arrayDistance = new ArrayList<>();
19 | private int headerHeight;
20 |
21 | public IdeaScrollView(Context context) {
22 | this(context,null,0);
23 | }
24 |
25 | public IdeaScrollView(Context context, AttributeSet attrs) {
26 | this(context, attrs,0);
27 | }
28 |
29 | public IdeaScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
30 | super(context, attrs, defStyleAttr);
31 |
32 | WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
33 | point = new Point();
34 | windowManager.getDefaultDisplay().getSize(point);
35 | }
36 |
37 | @Override
38 | protected void onScrollChanged(int l, int t, int oldl, int oldt) {
39 | super.onScrollChanged(l, t, oldl, oldt);
40 | if (viewPager != null && t != oldt) {
41 | viewPager.setTranslationY(t/2);
42 | }
43 |
44 | if(viewPager!=null&&t<=point.x-headerHeight&&getOnScrollChangedColorListener()!=null){
45 |
46 | getOnScrollChangedColorListener().onChanged(Math.abs(t)/Float.valueOf(point.x-headerHeight));
47 | if(t<=(point.x-headerHeight)/2){
48 | getOnScrollChangedColorListener().onChangedFirstColor(t/(point.x-headerHeight)/2);
49 | }else{
50 | getOnScrollChangedColorListener().onChangedSecondColor((t-(point.x-headerHeight)/2)/(point.x-headerHeight)/2);
51 | }
52 |
53 | }
54 |
55 | int currentPosition = getCurrentPosition(t,arrayDistance);
56 | if(currentPosition!=position&&getOnSelectedIndicateChangedListener()!=null){
57 | getOnSelectedIndicateChangedListener().onSelectedChanged(currentPosition);
58 | }
59 | this.position = currentPosition;
60 | }
61 |
62 | private int getCurrentPosition(int t, ArrayList arrayDistance) {
63 |
64 | int index = 0;
65 | for (int i=0;i=arrayDistance.get(i)&&t getArrayDistance() {
132 | return arrayDistance;
133 | }
134 |
135 | public void setArrayDistance(ArrayList arrayDistance) {
136 | this.arrayDistance = arrayDistance;
137 | }
138 |
139 | public OnSelectedIndicateChangedListener getOnSelectedIndicateChangedListener() {
140 | return onSelectedIndicateChangedListener;
141 | }
142 |
143 | public void setOnSelectedIndicateChangedListener(OnSelectedIndicateChangedListener onSelectedIndicateChangedListener) {
144 | this.onSelectedIndicateChangedListener = onSelectedIndicateChangedListener;
145 | }
146 | }
147 |
--------------------------------------------------------------------------------
/app/src/main/java/com/text/lg/ideascrollview/IdeaViewPager.java:
--------------------------------------------------------------------------------
1 | package com.text.lg.ideascrollview;
2 |
3 | import android.content.Context;
4 | import android.graphics.Point;
5 | import android.support.v4.view.ViewPager;
6 | import android.util.AttributeSet;
7 | import android.view.WindowManager;
8 |
9 |
10 | public class IdeaViewPager extends ViewPager {
11 |
12 | private Point point;
13 |
14 | public IdeaViewPager(Context context) {
15 | this(context,null);
16 | }
17 |
18 | public IdeaViewPager(Context context, AttributeSet attrs) {
19 | super(context, attrs);
20 | WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
21 | point = new Point();
22 | windowManager.getDefaultDisplay().getSize(point);
23 | }
24 |
25 | @Override
26 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
27 | super.onMeasure(widthMeasureSpec, heightMeasureSpec);
28 | setMeasuredDimension(point.x,point.x);
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/app/src/main/java/com/text/lg/ideascrollview/MainActivity.java:
--------------------------------------------------------------------------------
1 | package com.text.lg.ideascrollview;
2 |
3 | import android.graphics.Color;
4 | import android.graphics.Rect;
5 | import android.graphics.drawable.ColorDrawable;
6 | import android.os.Build;
7 | import android.support.annotation.IdRes;
8 | import android.support.annotation.RequiresApi;
9 | import android.support.v7.app.AppCompatActivity;
10 | import android.os.Bundle;
11 | import android.view.View;
12 | import android.widget.ImageView;
13 | import android.widget.LinearLayout;
14 | import android.widget.RadioButton;
15 | import android.widget.RadioGroup;
16 | import android.widget.TextView;
17 |
18 | import java.util.ArrayList;
19 |
20 | import qiu.niorgai.StatusBarCompat;
21 |
22 | public class MainActivity extends AppCompatActivity {
23 | private IdeaViewPager viewPager;
24 | private IdeaScrollView ideaScrollView;
25 | private TextView text;
26 | private LinearLayout header;
27 | private RadioGroup radioGroup;
28 | private LinearLayout headerParent;
29 | private ImageView icon;
30 | private View layer;
31 | private float currentPercentage = 0;
32 | private RadioGroup.OnCheckedChangeListener radioGroupListener =new RadioGroup.OnCheckedChangeListener() {
33 | @Override
34 | public void onCheckedChanged(RadioGroup group, @IdRes int checkedId) {
35 | for(int i=0;i araryDistance = new ArrayList<>();
72 |
73 | araryDistance.add(0);
74 | araryDistance.add(getMeasureHeight(one)-getMeasureHeight(headerParent));
75 | araryDistance.add(getMeasureHeight(one)+getMeasureHeight(two)-getMeasureHeight(headerParent));
76 | araryDistance.add(getMeasureHeight(one)+getMeasureHeight(two)+getMeasureHeight(three)-getMeasureHeight(headerParent));
77 |
78 | ideaScrollView.setArrayDistance(araryDistance);
79 |
80 | ideaScrollView.setOnScrollChangedColorListener(new IdeaScrollView.OnScrollChangedColorListener() {
81 | @Override
82 | public void onChanged(float percentage) {
83 |
84 | int color = getAlphaColor(percentage>0.9f?1.0f:percentage);
85 | header.setBackgroundDrawable(new ColorDrawable(color));
86 | radioGroup.setBackgroundDrawable(new ColorDrawable(color));
87 | icon.setImageAlpha((int) ((percentage>0.9f?1.0f:percentage)*255));
88 | radioGroup.setAlpha((percentage>0.9f?1.0f:percentage)*255);
89 |
90 | setRadioButtonTextColor(percentage);
91 |
92 | }
93 |
94 | @Override
95 | public void onChangedFirstColor(float percentage) {
96 |
97 | }
98 |
99 | @Override
100 | public void onChangedSecondColor(float percentage) {
101 |
102 | }
103 | });
104 |
105 | ideaScrollView.setOnSelectedIndicateChangedListener(new IdeaScrollView.OnSelectedIndicateChangedListener() {
106 | @Override
107 | public void onSelectedChanged(int position) {
108 | isNeedScrollTo = false;
109 | radioGroup.check(radioGroup.getChildAt(position).getId());
110 | isNeedScrollTo = true;
111 | }
112 | });
113 |
114 | radioGroup.setOnCheckedChangeListener(radioGroupListener);
115 | }
116 |
117 | public void setRadioButtonTextColor(float percentage){
118 | if(Math.abs(percentage-currentPercentage)>=0.1f){
119 | for(int i=0;i
7 |
12 |
13 |
19 |