Smart photonic crystal hydrogels for visual glucose monitoring in diabetic wound healing

Preparation and characterization of silica PC structure

First, periodic PCs with different structural colors were prepared prior to the fabrication of functional PCHs. With an improved horizontal deposition method in our previous report [41], PC structures with different macroscopic structural colors from red to blue were obtained by fast self-assembly of silica nanoparticles with different sizes within 4 h (Fig. 2a). Specifically, the structural colors of the obtained PCs were modulated by the diffracted wavelength (λ) of the reflected light, which obeys Bragg equation:

$$\:n\lambda\:=2\,d\,\text\theta\:$$

where n is the diffraction number, d represents the minimum period of the structure, and θ is the angle between the incident light and the diffraction plane.

According to the Bragg equation, when the observation angle θ was fixed, the diffracted wavelength λ of the reflected light was only proportional to the period d. Therefore, the macroscopic structure colors of PCs can be regulated simply by changing the particle sizes of silica nanoparticles. When the diameter of silica nanoparticles varied from 320 nm, 300 nm, 260 nm, 250 nm to 240 nm, the macroscopic structural colors of the obtained PCs appeared from red, yellow, green, light blue to blue, respectively (Fig. 2a). Accordingly, the reflection spectra of the obtained PCs demonstrated the differences in the reflected lights (Fig. 2b). The peak wavelengths changed from 618 nm to 597 nm, 572 nm, 505 nm, 489 nm, and 451 nm (Fig. 2b), and the peak positions were in accordance with the Bragg equation.

Moreover, SEM images of the obtained PCs demonstrated that the self-assembled silica were closely packed into periodic structure (Fig. 2ci), with a thickness of about 7 μm, which consisted of 10 layers of silica nanoparticles (Fig. 2cii). The periodic structure induced strong reflected lights, moreover, with the regulation of periodic parameters of silica nanoparticles, different structural colors of PCs were achieved (Fig. 2a-b). Additionally, SEM images also revealed the tightly arranged PC structure obtained from silica nanoparticles with different sizes (Fig. S1), which corresponded to different macroscopic structural colors of PCs (Fig. 2a).

Fig. 2figure 2

Characterization of fast self-assembled photonic crystals (PCs). (a) Optical images of PCs obtained using silica nanoparticles with diameters of 320 nm, 300 nm, 260 nm, 250 nm and 240 nm, respectively. The bottom bar corresponds to the visible light spectrum with indicated wavelengths. (b) Normalized reflection spectra of PCs obtained with silica nanoparticles of diameters of 320 nm, 300 nm, 290 nm, 260 nm, 250 nm and 240 nm, respectively. (c) Representative SEM images of PCs in the front view (i) and in the side view (ii)

Preparation and characterization of glucose-responsive hydrogels

Single network and double network PCHs were subsequently developed based on the above PC structure, by infiltration of glucose-responsive AA-AM-AFPBA hydrogels (Fig. 1a-b) into the interstitial space of the PCs (Fig. 1c) or into the inverse opal structure of PCs (Fig. 1d), respectively.

Briefly, acrylic acid (AA), acrylamide (AM) and glucose-responsive molecule of AFPBA [38,39,40], which has specific affinity to glucose [43], were copolymerized via radical polymerization as well as hydrogen bonding, to obtain glucose-responsive AA-AM-AFPBA hydrogels (Fig. 1a). Based on the reversible binding of phenylboronic acid of AFPBA molecule with the cis-diol group of glucose (Fig. 1b) [38, 39, 43], the obtained AA-AM-AFPBA hydrogel was able to exhibit reversible swelling changes according to different glucose levels in physiological range. In higher glucose concentration, more glucose competed with the boronated species to form cyclic boronate esters, resulting in larger swelling of AA-AM-AFPBA hydrogels (Fig. S2). The higher the glucose concentrations, the greater the swelling of the hydrogels (Fig. S2a), the swelling of AA-AM-AFPBA hydrogel increased from 100.8% ± 1.5%–205.4% ± 1.2% when the glucose solutions increased from 0 to 26.4 mM (Fig. S2b). Moreover, the glucose response behavior of AA-AM-AFPBA hydrogels was reversible. When the glucose concentrations decreased from 26.4 mM to 0 mM, the swelling of AA-AM-AFPBA hydrogels decreased from 205.4% ± 1.2%–101.4% ± 2.1%, almost returned to the original sizes (Fig. S2a). Meanwhile, the weight of AA-AM-AFPBA hydrogels changed accordingly (Fig. S2c). The higher the glucose concentration, the greater the weight of the hydrogels (Fig. S2c). The relative weight of the hydrogels increased from 100.8% ± 3.4%–205.4% ± 4.6% when the glucose solution increased from 0 mM to 26.4 mM (Fig. S2c), and the relative weight of the hydrogels decreased to 101.0% ± 3.4% when glucose concentration returned to 0 mM (Fig. S2c). Benefiting from the reversible glucose response, the integration of AA-AM-AFPBA hydrogels with PCs with intuitive structural colors therefore has good potentials for visual monitoring of glucose in the range of physiological levels.

Preparation and characterization of PCHs

Single network PCHs were developed with the infiltration of glucose-responsive AA-AM-AFPBA hydrogels into the interspace of silica PC structures under capillary force, followed by polymerization under 60 °C for 1 h (Fig. 1ci − ii). Further, the removal of silica nanoparticles by hydrofluoric acid (HF) etching resulted in an inverse opal structure of AA-AM-AFPBA hydrogels (Fig. 1ciii). Similarly, an inverse opal structure of non-glucose-responsive AA-AM hydrogels was prepared (Fig. 1di − ii). Further, double network PCHs were prepared by the infiltration of glucose-responsive AA-AM-AFPBA hydrogels into the empty space of inverse opal structure of AA-AM hydrogels (Fig. 1diii), followed by photopolymerization under UV irradiation for 3 min.

SEM images were used to characterize the preparation process of single network and double network PCHs. First, SEM images revealed the infiltration of AA-AM-AFPBA or AA-AM hydrogels into the gap of silica nanoparticles (Fig. 3a and c). After etching by HF, the silica nanoparticles disappeared, leading to respective hydrogels with in situ nanopores (Fig. 3b and d), which proved the inverse opal structure of AA-AM-AFPBA or AA-AM hydrogels, respectively. The opal structure and inverse opal structure of both hydrogels exhibited good periodic structure before and after etching (Fig. 3a-d). After secondary crosslinking (Fig. 1diii), SEM image showed a uniform morphology of the composite hydrogels (Fig. 3e), indicating the successful infiltration and binding of AA-AM-AFPBA into the inverse opal structure of AA-AM hydrogels.

The mechanical properties of the obtained single network and double network PCHs were characterized by tensile tests. The single network PCHs exhibited a tensile strength of 33.8 ± 0.6 kPa, with a maximum strain of 454.1% ± 0.9% (Fig. 3f). Compared to single network PCHs, double network PCHs showed an increased tensile strength to 53.6 ± 0.8 kPa, but with a slightly decreased elongation to 398.6% ± 1.4% (Fig. 3f). Further, the mechanical properties of the PCHs were evaluated by cyclic tensile tests. After 10 cycles of stretching with an elongation of 200%, both single network and double network PCHs retained a stable tensile property (Fig. 3g).

In double network PCHs, AA-AM-AFPBA and AA-AM skeleton themselves were crosslinked in the opal and inverse opal structure of PCs (Fig. 1diii), respectively, moreover, AA-AM-AFPBA and AA-AM were copolymerized at their interface via radical crosslinking and hydrogen bonding (Fig. 1diii) [39, 43], forming a bulk hydrogel network, which contributed to the increased tensile strength and slightly decreased elongation at break as compared to the porous structure of single network PCHs. Moreover, abundant hydrogen bonds existed in AA-AM and AA-AM-AFPBA skeletons, as well as at their interface (Fig. 1diii), which enhanced the cohesion of double network PCHs [44, 45], and the reorganization of hydrogen bonding and dynamic chain segment motion led to the enhanced mechanical strength of double network PCHs [46,47,48].

Overall, both single network and double network PCHs exhibited a tensile strength of greater than 30.0 kPa, and showed good elasticity and durability against external forces, which is beneficial for potential application as diabetic wound dressing.

Fig. 3figure 3

Characterization of single network and double network PCHs. (a-b) SEM images during preparation of single network PCHs, including PCs infilled with AA-AM-AFPBA hydrogels (a), and inverse opal structure of AA-AM-AFPBA hydrogels (b). (c-e) SEM images during preparation of double network PCHs, including PCs infilled with AA-AM hydrogels (c), inverse opal structure of AA-AM hydrogels (d), and double network PCHs consisted of AA-AM and AA-AM-AFPBA hydrogels (e). (f) Tensile property of single network and double network PCHs. (g) Cyclic tensile properties of PCHs during 10 tensile cycles, the strain was set as 200%

Visual glucose monitoring of PCHs

Based on the above excellent structural colors and mechanical properties of the PCHs, the glucose responsive performance and visual readout of glucose by PCHs was investigated, since glucose monitoring is especially critical in diabetic wounds, which can reflect the blood glucose levels and serve as a prognostic indicator for diabetes [5]. For double network PCHs, the structural colors of PCHs became stable after 15 min upon reaction with glucose solutions (Fig. S3a). When the glucose concentration increased from 0 to 26.4 mM, the structural color of blue PCHs gradually changed from blue to green (Fig. 4a), and the green PCHs gradually shifted from green to red colors (Fig. 4b), both PCHs exhibited a red shift in structural colors. In contrast, as the decrease of glucose concentrations from 26.4 mM to 0 mM, the structural color of blue PCHs gradually returned from green to blue (Fig. 4a), and the green PCH gradually returned from red to green (Fig. 4b), the structural color of both PCHs underwent a blue shift. When immersed in a higher concentration of glucose solutions, double network PCHs exhibited a larger swelling due to the glucose-responsive AA-AM-AFPBA motifs (Fig. S3b). According to Bragg equation, the increased distance in the diffraction planes therefore led to a redshift of the double network PCHs (Fig. 4a-b). In contrast, when immersed in a lower contraction of glucose solutions, the swelling of PCHs gradually decreased (Fig. S3a), the decrease in the diffraction planes resulted in a blueshift of the PCHs back to their original colors (Fig. 4a-b). The above result proved the good glucose sensitivity and reversibility of the double network PCHs.

Further, to better interpret the structural color changes of PCHs during glucose response, we used hue value of colors for characterization [36, 41]. Hue values were expressed from 0° to 360° on the color wheel, for example, 0°, 120° and 240° correspond to red, green and blue colors (Fig. 4c). With the increase of glucose concentration from 0 to 26.4 mM, the hue value of blue PCHs gradually changed from 173.0° ± 3.7° to 62.0° ± 4.2° (Fig. 4d), and the hue value of green PCHs varied from 160.0° ± 6.1° to -70° ± 5.6° (Fig. 4e). It is worth noting that the hue value changes for green PCHs (ΔH = 230°) was larger than that of blue PCHs (ΔH = 111°). When immersed the PCHs in glucose solutions ranging from 26.4 mM to 0 mM, the hue values of both blue and green PCHs gradually increased and returned to their original values (Fig. 4d-e), proving the reversible glucose response of double network PCHs. Based on the above results, we were able to achieve visual monitoring of glucose in physiological levels, according to the intuitive structural colors and the hue values of the double network PCHs (Fig. 4a-e).

Moreover, we investigated the cyclic glucose response of double network PCHs. Taking double network PCHs with blue structural color for an example, the PCHs exhibited cyclic changes between blue and green colors during the cyclic changes of glucose solutions, and the hue values of PCHs shifted between 172.0° ± 5.5 ° and 60.0° ± 4.5° (Fig. 4f), indicating a stable and repeatable response of double network PCHs during cyclic glucose changes. The reversible and stable glucose response with visual color transitions is important for application in wound-monitoring dressing.

Fig. 4figure 4

Glucose response of double network PCHs. (a-b) Optical images of blue PCHs (a) and green PCHs (b) reacted with different glucose solutions from 0 to 13.2 mM, 26.4 mM, and back to 13.2 mM and 0 mM. (c) Hue circle with indicated hue values at corresponding positions. (d-e) Hue value changes of blue PCHs (d) and green PCHs (e) corresponding to changes in (a) and (b), respectively. (f) Hue value changes of blue PCHs during cyclic glucose response

Comparison of visual glucose monitoring of PCHs

We also investigated the glucose response and visual readout performance of single network PCHs in different glucose solutions. Similar to the double network PCHs, the single network PCHs also exhibited a visual glucose response upon different glucose concentrations (Fig. S4a-b), and this visual response was reversible (Fig. S4c-d) and stable during cyclic glucose changes (Fig. S4e). Compared to previous report, single network PCHs was prepared with 3-acrylamidophenylboronic acid (APBA) crosslinked with ethylene glycol dimethyl acrylate (EGDMA) [49], visual monitoring of glucose was achieved in a target ionic-strength solutions with pH > 9 but not at pH ≤ 7, with a detection range of glucose varied from 0 to 9 mM [49]. Here, visual glucose monitoring was realized in physiological pH conditions (pH ~ 7) and physiological range of glucose levels (0 ~ 26.4 mM) (Fig. 4, Fig. S4), making the PCHs more suitable for practical application.

For both single network and double network blue PCHs, the structural colors of both PCHs changed from blue color to green color during the glucose response (Fig. S3a, inserted images). After glucose reaction, the swelling ratio of double network PCHs was slightly higher than that of single network PCHs (Fig. S3b), but the changes of hue values of single network PCHs was slightly larger than that of double network PCHs (Fig. S3c). However, with naked eyes, it was difficult to distinguish their difference in structural colors at the start and at the end of glucose reaction (Fig. S3a, inserted images). With naked eye observation, their glucose response speed was different. The glucose response of single network PCHs was completed in about 30 min, whereas this response of double network PCHs was shortened into 15 min (Fig. S3a), with an increased speed of twice to the end of glucose reaction.

To interpret the difference of this phenomenon, we analyzed the relative volume of glucose-responsive motifs in both single network and double network PCHs. In the self-assembled, tightly arranged PC structures (Fig. 2c, Fig. S1), if silica nanoparticles were ideally arranged into simple cubic structure, body-centered cubic (BCC) structure or face-centered cubic (FCC) structure, the relative volume of silica nanoparticles was 52%, 68% and 74%, respectively (Table S1) [50]. Therefore, the relative volume of glucose-responsive motifs of AA-AM-AFPBA hydrogels in double network PCHs was in the range of 52% ~ 74% (Table S2). In contrast, the relative volume of glucose-responsive motifs of AA-AM-AFPBA hydrogels in single network PCHs ranged in 48% ~ 26% (Table S2). The higher volume fraction of AA-AM-AFPBA hydrogels in double network PCHs probably contributed to a faster glucose response compared to the single network PCHs (Fig. S3a). Therefore, double network PCHs were selected for next in vivo study in animals.

Preparation and characterization of pH-responsive hydrogels

Besides, we developed pH-responsive hydrogels and investigated their reaction activity upon different pH environments, since pH level is important biochemical marker involved in many physiological processes in the body, such as inflammation, infection, and wound remodeling [25]. Here, we developed alkaline-responsive hydrogels by polymerization of AM in which incorporated with an alkaline indicator of phenol red (PAM-PR) at 60 °C for 1 h. After successive immersion into solutions with pH from 7.0 to 9.0, PAM-PR hydrogels exhibited visible pH-responsive color changes, and the colors rapidly changed from yellow (pH 7) to red (pH 9) (Fig. S5a), corresponding to hue value changing from 38.0° ± 0.8° to -5.0° ± 1.2° (Fig. S5b), and the color transition was completed in 5 ~ 15 s. When the pH value of solutions decreased from 9.0 to 7.0, PAM-PR hydrogels rapidly returned from red to yellow colors (Fig. S5a), accordingly, the hue values changed from − 5.0° ± 1.2° back to 40.0° ± 1.4° (Fig. S5b). These results proved that PAM-PR hydrogels not only achieved immediate pH response, but also this response was reversible. Moreover, PAM-PR hydrogels showed good stability and repeatability of pH response during 5 cycles of pH variation from 7.0 to 9.0 (Fig. S5c).

Meanwhile, acidic-responsive hydrogels were prepared by polymerization of AM incorporated with an acidic indicator of bromophenol blue (PAM-BB). When PAM-BB hydrogels were successively immersed in acidic solutions with pH 3.5 and 5.0, the colors of PAM-BB hydrogels rapidly changed from yellow to dark blue within 5 ~ 15 s (Fig. S5d), corresponding to the hue values changing from 52.0° ± 0.6° to 228.0° ± 2.5° (Fig. S5e). When PAM-BB hydrogels were immersed back in solutions with pH from 5.0 to 3.5, PAM-BB hydrogels rapidly changed back from dark blue to yellow colors (Fig. S5d), corresponding to the hue values changing from 228.0° ± 2.5° to 54.0° ± 1.6° (Fig. S5e). Therefore, PAM-BB hydrogels realized reversible pH response in an acidic environment. Similarly, PAM-BB hydrogels also showed good stability of pH response over cyclic pH changes (Fig. S5f). Based on the above results, we can monitor and calculate the pH levels of diabetic wounds, due to the color changes or hue values of PAM-BB or PAM-PR hydrogels (Fig. S5).

Preparation and characterization of temperature-responsive hydrogels

We also developed temperature-responsive functional hydrogels and investigated their reaction upon different temperature, since body temperature is one of the key vital signs, and wound temperature plays a fundamental role in infection and healing process [51]. Temperature-responsive hydrogels were prepared using AM with incorporation of either blue or green thermochromic powders with a critical temperature of 38 °C, named as PAM-B and PAM-G, respectively.

PAM-B hydrogels exhibited blue color at room temperature up to 37 °C (Fig. S6a, Fig. S7a). The color of PAM-B hydrogels rapidly changed from blue to colorless within 15 s when the temperature reached 38 °C and above, and changed from colorless to blue when the temperature decreased to below 38 °C, which illustrated the reversible temperature response of PAM-B hydrogels. We then transformed the visual images into RGB (red, green, blue) for analysis. During color changes, the values of three RGB channels changed in a similar trend. However, the red channel showed the most significant change, therefore was used to characterize the color change during temperature response. The changes in RGB values also showed a stable temperature response of PAM-B hydrogels during cyclic temperature changes (Fig. S6b-c), which demonstrated the stability of PAM-B hydrogel responded to temperature.

PAM-G hydrogels with green thermochromic powders was colorless at room temperature up to 37 °C (Fig. S6d, Fig. S7b), and rapidly changed from colorless to light green within 15 s when reached the critical temperature of 38 °C, and further changed to green when the temperature further increased to 40 °C (Fig. S6d), with RGB values in red channel decreased from 167.0 ± 1.6 to 118.0 ± 1.3 (Fig. S6e). In contrast, when the temperature decreased from 40 °C to 37 °C, the color of the PAM-G hydrogel returned to colorless (Fig. S6d), with RGB values in red channel returned to 164.0 ± 2.5 (Fig. S6e). Meanwhile, PAM-G hydrogels also showed stable temperature response during cyclic temperature changes (Fig. S6f). The above results suggested the potentials of PAM-B and PAM-G hydrogels in terms of visual monitoring of temperature, due to their reversible and stable color changes in response to temperature.

To exclude the effects of temperature and pH on the glucose-responsive AA-AM-AFPBA hydrogels, AA-AM-AFPBA hydrogels were immersed in high-temperature (Fig. S8a), acidic (Fig. S8b), or alkaline (Fig. S8c) environments for reaction. Compared to the control of neutral environment at room temperature (25 °C), the volume of AA-AM-AFPBA hydrogels did not change significantly after 30 min immersion in high temperature, acidic or alkaline environments (Fig. S8), indicating that the responsiveness of AA-AM-AFPBA hydrogel was not affected by temperature and pH values.

Detection performance of multiple bioindicators

Based on the above results, different modules of hydrogels can be integrated together to achieve detection of multiple bioindicators at the same time.

First, four different hydrogels (PCHs, PAM-BB, PAM-PR and PAM-B) for respective detection of glucose, acidic, alkaline and high-temperature environments were bonded together using medical glue (Fig. S9a). In an environment of 0 mM glucose and pH 7.0 at room temperature (25 °C), PCHs showed blue structural color due to 0 mM glucose (Fig. S9a), PAM-B hydrogel was in blue color due to room temperature (Fig. S9a), PAM-BB and PAM-PR hydrogel showed light green and orange, respectively, due the neutral environment (Fig. S9a).

Similarly, three different hydrogels (PCHs, PAM-PR and PAM-B) were bonded together for respective detection of glucose, alkaline and high-temperature environments (Fig. S9b-c). In an environment of increased glucose concentration (26.4 mM) and elevated temperature (38 °C), PCHs switched to green structural color due to 26.4 mM glucose (Fig. S9b), and PAM-B hydrogel became colorless due to high temperature (38 °C) (Fig. S9b), meanwhile, the color of PAM-PR hydrogel remained orange due to unchanged neutral environment.

Further, keeping the same glucose levels (26.4 mM) and temperature (38 °C) of the environment, whereas the pH increased to 8.5 (Fig. 9b-c), the color of PAM-PR hydrogel shifted to red due to alkaline environment (Fig. S9c), and the colors of PCHs and PAM-B hydrogel were stable due to the unchanged glucose levels and temperature (Fig. S9c).

The above results proved the independent response of each hydrogel module (Fig. S9), where the glucose response of PCHs was not affected by pH changes and temperature change, the alkaline response of PAM-PR hydrogel was not influenced by temperature and glucose levels, whereas the temperature response of PAM-B hydrogel was not affected by pH change as well as glucose changes.

Cell compatibility of PCHs

Cell compatibility of PCHs were evaluated using CCK-8 assay with HSF cells. After incubation with different concentration of PCH hydrogel extracts, cell viability of all groups was higher than 85% after 24–48 h incubation (Fig. S10a-b). Even with incubation with 100% PCH hydrogel extract, the cell viability was still as high as 92.6 ± 8.9% and 88.0 ± 6.8% after 24 h and 48 h incubation, respectively (Fig. S10a-b). This result indicated good cell compatibility of PCHs.

In vivo monitoring performance of hydrogels on diabetic wounds

Further, the in vivo visual monitoring of different biomarkers by functional hydrogels were investigated using a full-thickness wound model in diabetic mice. Due to the small wound area on the dorsal of mice, it was difficult to place multiple hydrogel modules onto the wound site at the same time. Therefore, different modules of hydrogels were separately applied onto the diabetic wound sites (Fig. S11), for the visual monitoring of physiological biomarkers including glucose levels, pH values and temperature separately during diabetic wound healing process. These biomarkers from wounds were monitored by hydrogel dressing and calculated according to the above methods in vitro.

Double network PCHs were applied on the diabetic wounds and removed after 15 min for visualization. After application to the diabetic wounds at day 0, the color of the blue PCHs changed from blue to green (Fig. 5a), the color was red-shifted, indicating hyperglycemia condition at diabetic wounds (Fig. 5b). Similarly, when applied to the diabetic wounds at day 0, PAM-PR hydrogel immediately changed from yellow to red colors (Fig. 5c), indicating an alkaline environment in diabetic wounds at day 0 (Fig. 5d). Meanwhile, when applied to the diabetic wounds at day 0, PAM-B hydrogels rapidly changed from blue to colorless (Fig. 5e), indicating a temperature over 38 °C at the diabetic wounds (Fig. 5f). The results showed that all three functional hydrogels can achieve the detection of respective physiological indicators of glucose levels, pH levels and temperature at the created diabetic wounds.

Furthermore, the visual monitoring of different physiological biomarkers during diabetic wound healing process were recorded. During diabetic wound healing, glucose levels at diabetic wounds characterized by double network PCHs slightly decreased from 19.6 ± 0.1 mM to 19.0 ± 0.1 mM from 0 to 4 days post injury (Fig. 5b), the glucose levels measured by PCHs were consistent with the glucose levels measured from tail vein blood (Fig. 5b). For healthy body, normal blood glucose values range from 3.9 to 6.1 mM during fasting and up to 7.9 mM at 2 h after meal. For diabetic body, fasting blood glucose exceeds 7.0 mM and 2-hour post-meal blood glucose exceeds 11.1 mM. During diabetic healing process, the wound glucose levels detected by the PCHs varied from 19.0 ± 0.1 mM to 19.6 ± 0.1 mM (Fig. 5b), this result was in consistent with the diabetic mouse model with a criteria of blood glucose level 16 mM, proving hyperglycemia during wound healing process. Previously, optical zwitterionic poly-carboxybetaine (PCB) hydrogel dressing was developed for glucose monitoring [8], and the glucose concentration of diabetic wounds in mice stayed stable at approximately 3.8 mM [8], which was far away from blood glucose concentrations. Comparably, our PCH dressing gave a more accurate wound glucose levels, which were consistent with physiological blood glucose levels.

Comments (0)

No login
gif
Back To Top